javascript - 从多选列表中删除

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