Question

我有疑问..

我可以使用javascript创建多个选择表单吗？

这里的例子是

<select name="item[]">
<option value="0">Option 1</option>
<option value="1">Option 2</option>
</select>

<select name="item[]">
<option value="0">Option 1</option>
<option value="1">Option 2</option>
</select>

<select name="item[]">
<option value="0">Option 1</option>
<option value="1">Option 2</option>
</select>

以及更多......

我想这样做：

<script>
var loop = 3;
for(i=0; i<=3 i++){
// some code to generate them
}
</script>

谁能帮帮我？感谢

Answer 1

试试这个（使用javascript）：

for(var i=0;i<10;i++){
   var sel = newElement("select",{name:"sel1"});

   //Add the options
   sel.options[sel.options.length] = new Option("text0","value0");
   sel.options[sel.options.length] = new Option("text1","value1");
   sel.options[sel.options.length] = new Option("text2","value2");
   sel.options[sel.options.length] = new Option("text3","value3");

   //add the element to the form
   document.getElementById("formId").appendChild(sel);
}

这将在您的表单中创建10个选择框，这样，您可以在表单中附加任何no：of选择框。

Answer 2

使用.clone 创建匹配元素的副本

试试这个：

for (var i = 0; i < 5; i++) {
  var clonned = $('select[name="item[]"]:first').clone();
  $('body').append(clonned);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<select name="item[]">
  <option value="0">Option 1</option>
  <option value="1">Option 2</option>
</select>

Fiddle here

使用javascript

2 个答案: