从多选列表中删除

Question

我需要使用jQuery

从多个列表中删除一个项目

HTML：

<input type="checkbox" id="theCheckbox"/>
<select id="theSelect" multiple="multiple">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

JavaScript的：

$("#theCheckbox").change(function() {
    $("#theSelect").attr("multiple", (this.checked) ? "multiple" : "");
}).change();

This is the example.

这是我的项目代码。如果你能在这个代码上实现我会很高兴！ My Code

Answer 1

只需选择要删除的选项，然后在其上调用remove()功能：

$('#theSelect option:eq(1)').remove();

http://jsfiddle.net/DdhSF/162/

Answer 2

删除多个选择列表see this Edit

两种条件都有效。

$("#theCheckbox").change(function() {
    $("#theSelect").attr("multiple", (this.checked) ? "multiple" : "");
}).change();

$('a').click(function() {
    $('#theSelect option:selected').remove();
});

Answer 3

$('#theSelect').change(function(){
    var selectedIndex = $(this)[0].selectedIndex;
    //alert(selectedIndex);
    var selected = $(this).children("option").eq(selectedIndex);
    selected.remove();
});
$("#theCheckbox").change(function() {
    $("#theSelect").attr("multiple", (this.checked) ? "multiple" : "");
}).change();​