我有克隆这样一种形式(commonStuff)(和HTML页面,在jQuery Mobile的,那里的形式出现多次设计,克隆):如何重命名克隆表单中的所有id(javascript)?
var commonClone = commonStuff.cloneNode(true);
这个功能
function renameNodes(node) {
var i;
if (node.length) {
for (i = 0; i < node.length; i += 1) {
renameNodes(node[i]);
}
} else {
// rename any form-related elements
if (typeof node.form !== 'undefined') {
node.id = currentPrefix + '_' + node.id;
node.name = currentPrefix + '_' + node.name;
// This assumes that form elements do not have child form elements!
} else if (node.children) {
renameNodes(node.children);
}
}
}
它向表单中的任何元素的id和名称添加前缀'form1_','form_2'(currentPrefix),并将其应用于commonClone(并递归给他的儿子)。
renameNodes(commonClone);
它在文本输入的情况下很好地工作等
<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
<label for="foo" class="ui-input-text">Age:</label>
<input type="text" name="age" id="age" value="" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset">
</div>
但它在单选按钮上故障等
<div data-role="fieldcontain">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Address:</legend>
<input type="radio" name="radio-address" id="radio-address_female" value="1" checked="checked" />
<label for="radio-address_female">Address 1</label>
<input type="radio" name="radio-address" id="radio-address_male" value="2" />
<label for="radio-address_male">Address 2</label>
</fieldset>
</div>
施加重命名到外的div像“fieldcontain”和'控制组'。它的作品,如果我删除这两个div,但图形效果是不可接受的...
至于现在,我得到的问题是在最后'如果'块它不关心兄弟姐妹,但我真的不知道如何解决这个问题。任何想法?
编辑:此代码来自这个答案How to create a tabbed html form with a common div
谢谢。这与我最终生成的代码类似(请参阅我自己的答案)。我希望找到一种更优雅的方式来管理这件事情,使用克隆节点上的递归方法,而不是直接重命名页面中的元素:) –
好的,回答编辑。 –
哇,这很有趣!谢谢! –