添加項目以選擇字段的形式 - jquery

我有一個選擇字段後跟一個添加按鈕的形式。當用戶點擊添加我想選擇什麼項目被添加到一個數組，所以我可以在我的形式傳遞添加項目以選擇字段的形式 - jquery

//這是我看到現場

<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會做到這一點，但我不知道如何實現。

來源

2013-01-05 ipengineer

需要進一步解釋..只是添加選項不會讓它選擇，除非你想它選擇的時候了。期望多添加？當用戶改變可見的選擇時，也可以在沒有按鈕的情況下做到這一點 – charlietfl

我不知道什麼是你試着做..但將其添加到選擇並將其傳遞到表單中對我來說沒有意義，因爲您需要再次選擇隱藏的選擇框以將其傳遞給表單...反正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單獨與隱藏的價值「」 ..

例如fiddle

來源

2013-01-05 18:35:08 bipen

好點。這裏太早！我的原始選擇字段有幾個選項，我需要用戶選擇的選項和命中添加到一個數組，我可以通過我的表單插入數據庫。 – ipengineer

在這種情況下，你可以使用隱藏的輸入..用逗號分隔值..我認爲這將是容易..後來你可以分開逗號並將其插入數據庫..好吧，我會發布一些例子.. – bipen

已更新我的答案..檢查出來...和示例小提琴也..確保隱藏字段中的值是正確的 – bipen

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

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

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

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

來源

2013-01-05 18:33:35

添加項目以選擇字段的形式 - jquery

回答

相關問題