javascript - 执行操作后删除选择选项

Question

我有一个选择选项，如果我选择任何与 div 相关的选项，就会显示出来。到此为止都还好。但我想做一些类似的事情，如果我选择该选项，它将显示相关的 div，但选项本身将被删除。<强> FIDDLE

这可能吗？任何帮助将不胜感激。

JS

$(document).ready(function() {
    $('#contact-location').change(function(){
        var location = $(this).val(),
        div = $('#' + location);

        $('div').hide();
            div.show();

    });
});

Answer 1

修正了我的答案以反射(reflect)问题中的更新:

$(document).ready(function() {
    $('#contact-location').change(function(){
        var location = $(this).val(),
        div = $('#' + location);
        var selIndex = $("#contact-location").prop('selectedIndex');
        $("#contact-location").prop(selIndex).remove();
        $('div').hide();
        div.show();
    });
});

http://jsfiddle.net/uwt73sj3/

var selIndex = $("#contact-location").prop('selectedIndex'); 这里我们将选择元素索引设置为稍后可以使用的变量。

$("#contact-location").prop(selIndex).remove(); 从选择下拉菜单中删除了索引值。