Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态加载带有选项卡的表单_Javascript_Jquery_Asp.net_Html - Fatal编程技术网

Javascript 动态加载带有选项卡的表单

Javascript 动态加载带有选项卡的表单,javascript,jquery,asp.net,html,Javascript,Jquery,Asp.net,Html,我需要加载一个表单,其中dynamyc选项卡读取一个确定选项卡数量的XML。 我有一个“选项卡模板”,每个选项卡都使用此代码编写。 第一个问题是字段的id。如果我有2个(或更多)选项卡,则每个选项卡字段都有相同的id,我无法获取/设置它们 对于创建选项卡,我使用如下html函数: var divtab1 = $("#tab1").html(); var tabCode = "<div id='tab"+ i +"' class='tab_content'> "+ divtab1 +"

我需要加载一个表单,其中dynamyc选项卡读取一个确定选项卡数量的XML。 我有一个“选项卡模板”,每个选项卡都使用此代码编写。 第一个问题是字段的id。如果我有2个(或更多)选项卡,则每个选项卡字段都有相同的id,我无法获取/设置它们

对于创建选项卡,我使用如下html函数:

var divtab1 = $("#tab1").html();
var tabCode = "<div id='tab"+ i +"' class='tab_content'> "+ divtab1 +"</div>";
finalhtml = finalhml + tabCode;
选项卡构建得很好,但一些功能,如日期选择器和文本编辑器(文本编辑器)不起作用

我不知道如何动态更改字段id,也不知道这种方法是否最适合这样做

有什么建议吗


非常感谢

每当我们使用日期选择器或任何编辑器时,我们都必须在文档就绪事件中初始化它们。 因此,我建议,无论何时更改选项卡内容,只要调用受尊敬的控制器的Init方法,一切都会按预期进行


干杯

每当我们使用日期选择器或任何编辑器时,我们都必须在准备好文档的事件中初始化它们。 因此,我建议,无论何时更改选项卡内容,只要调用受尊敬的控制器的Init方法,一切都会按预期进行

干杯

试试看

$('ID').attr('ID','ID2')

要更改id,请尝试

$('ID').attr('ID','ID2')


要更改id,我终于找到了一个好的解决方案。使用c#我为每个迭代构建了一个

<%     List<String> Idiomas = loadIdiomas();
       foreach (String idioma in Idiomas)
       { %>
       <div id="tab_<%=idioma%>" class="tab_content">
            <input type="text" name="<%=idioma%>_title" id="<%=idioma%>_title"  />
             ...

...
这样,每个选项卡都有不同的id字段,避免使用javascript。它更加优雅,解决了日期选择器和文本编辑器的问题


谢谢大家的回答:)

最后我找到了一个好的解决方案。使用c#我为每个迭代构建了一个

<%     List<String> Idiomas = loadIdiomas();
       foreach (String idioma in Idiomas)
       { %>
       <div id="tab_<%=idioma%>" class="tab_content">
            <input type="text" name="<%=idioma%>_title" id="<%=idioma%>_title"  />
             ...

...
这样,每个选项卡都有不同的id字段,避免使用javascript。它更加优雅,解决了日期选择器和文本编辑器的问题


谢谢大家的回答:)

tab\u课程仅供查看design@Arnau:不工作?意味着您无法从客户端或服务器端访问该控件?还是不渲染?请解释一下?我在Visual Studio中使用ASP MVC,这是视图代码,我无法在控制器类中阅读。cs我认为我有使用c#的解决方案,可以使用“for”迭代构建每个选项卡。我正在尝试,如果有效,我会发布解决方案。谢谢。tab_课程仅供查看design@Arnau:不工作?意味着您无法从客户端或服务器端访问该控件?还是不渲染?请解释一下?我在Visual Studio中使用ASP MVC,这是视图代码,我无法在控制器类中阅读。cs我认为我有使用c#的解决方案,可以使用“for”迭代构建每个选项卡。我正在尝试,如果有效,我会发布解决方案。非常感谢。