添加項目以選擇字段表單-jQuery

Question

我有一個帶有選擇字段的表單，然后是一個添加按鈕。 當用戶單擊添加時，我希望將選擇的任何項目添加到數組中，以便我可以在表單中傳遞它

//這是我的可見字段

<select id="contactsFollow" name="contactsFollow">
  <option value="1">option 1</option>
  <option value="2">option 2</option>
  <option value="3">option 3</option>
</select> 
<button type="button" class="btn">Add</button>

對我而言，最好的方法是什么？ 我假設jquery會這樣做，但是我不知道如何實現。

Answer 1

演示： http ： //jsfiddle.net/MsNKR/

$('.btn').click(function () {
  $('#contactsFollow :selected').appendTo('#contactsFollowSelected');
});

或演示： http : //jsfiddle.net/zvQgq/（如果您不想從第一選擇中刪除選項）

$('.btn').click(function () {
  $('#contactsFollow :selected').clone().appendTo('#contactsFollowSelected');
});

Answer 2

我不知道你要怎么做..但是將其添加到選擇並以表格形式傳遞對我來說是沒有意義的，因為你需要再次選擇隱藏的選擇框以將其傳遞到表格...反正jQuery對我來說是最好的選擇

這是您的操作方法。

$('.btn').click(function () {
  $('#contactsFollow :selected').appendTo('#contactsFollowSelected');
});

---

更新

設置隱藏的輸入字段。

<input type="hidden" name="selectedoption" id="selectedoption" value="" />

jQuery的

$('.btn').click(function () {
   var selected=$('#contactsFollow :selected').val();
   var hiddeninputValue=$('#selectedoption').val();
   if(hiddeninputValue==""){
      $('#selectedoption').val(selected);
   }else{
      $('#selectedoption').val(hiddeninputValue + ',' + selected);
   }
   $('#contactsFollow :selected').remove();
});

在將隱藏值插入db之前，用'，'分隔隱藏值。

小提琴的例子