添加项目以选择字段的形式 - 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

回答

相关问题