javascript - 仅使用选择名称和选项值来识别选择选项

Question

<select name="option[239]" onchange="jsFunction(this)">
    <option value="">--- Please Select ---</option>
    <option value="49">Double Standard</option>
    <option value="50">Single Express</option>
    <option value="51">Single Standard</option>
    <option value="48">Double Express</option>
</select>
<select name="option[240]" onchange="jsFunction(this)">
    <option value="">--- Please Select ---</option>
    <option value="49">Double Standard</option>
    <option value="50">Single Express</option>
    <option value="51">Single Standard</option>
    <option value="48">Double Express</option>
</select>

HTML

function jsFunction(element){
    alert("You changed to " + element.value );
    if (element.value=='50') {
        $('[name="option[240]"]').remove();
    }
}

脚本

好的，我可以删除整个选择选项[240]，但是我不知道如何从 240 中删除其中一个选项(例如，如果选择 50，则从选项 [240] 中删除 49)

Answer 1

由于 element 指的是选择元素，您可以使用它来查找要删除的选项。

如果你想删除预定义的元素那么

function jsFunction(element) {
    var $select = $(element);

    if ($select.val() == '50') {
        $select.find('option[value=49]').remove()
    }
}

演示:Fiddle

如果要删除选中选项之前的所有选项

function jsFunction(element) {
    var $select = $(element);
    var idx = $select.find('option:selected').index();
    $select.find('option').slice(1, idx).remove()
}

演示:Fiddle