Question

这是我有一个网页的情况，有一个下拉名为prefer。我希望用户能够选择一个选项，然后在它旁边有一个名为“添加”的链接，它生成另一个具有相同选项的文本框，我将使用jquery显示另一个下拉列表。

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

之后，我可以使用php循环遍历数组并利用每个数组。

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

Answer 1

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

 $('#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 />";
}
?>

使用jquery添加下拉菜单

1 个答案: