用jquery添加一个下拉菜单

Question

这里是我有一个网页，有一个下拉称为喜欢的情况。我希望用户能够选择一个选项，然后在它旁边有一个名为“Add”的链接，它会生成具有相同选项的另一个文本框，我将使用jquery来显示额外的下拉菜单。

但是如果可能的话，我想把选择框放在一个数组中，然后无限循环这个过程。所以我可以调用select name =“prefer []”，并以某种方式放入一个增加的变量。

之后，我可以使用PHP来循环访问数组并利用每一个。

我可以用Javascript以某种方式做到这一点吗？

Answer 1

您可以克隆选择框并将其附加到表单（我把它放在div中）。编辑：当你发布你应该得到一个值的数组在PHP中（更喜欢[索引]）。

$('#add').click(function(){ 
     $('#myselect').after($('#myselect').clone()); 
}); 


<form method="post" id="theForm"> 
     <div id="myselect"> 
     <select id="prefer" name="prefer[]"> 
      <option value="one">one</option> 
      <option value="two">two</option> 
      <option value="three">three</option> 
      <option value="four">four</option> 
      <option value="five">five</option> 
     </select> 
     </div> 
     <input type="button" id="add" value="add"> 
     <input type="submit" id="submit" value="submit"> 
</form> 

PHP例子：

<?php 
$prefer = $_POST['prefer']; 
// Note that $prefer will be an array. 
foreach ($prefer as $s) { 
    echo "$s<br />"; 
} 
?>