从多选列表中删除

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();

这是一个例子。

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

Answer 1

只需选择要删除的选项并调用其上的remove()函数：

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

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

Answer 2

删除多个选择列表请参阅此编辑

两种情况都有效。

$("#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();​