Question

我需要你的帮助。

我仍然是javascript的新手，并希望完成以下任务：

使用键盘上的“删除”键，我希望能够从此处图片中所示的下拉列表中删除突出显示的值： enter image description here

和

使用输入框中的删除键，我希望它搜索输入框中给出的值，并从下拉框中删除该选项（如下图所示）：{{0} }

以下是HTML标记：

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript">
function getvalue(x) {

document.getElementById('input').value = x

}

</script>

</head>

<body>

<input type="text" id="input">
<br>
<select id="list" onchange="getvalue(this.value)">
    <option value=""></option>
    <option value="ABC">ABC</option>
    <option value="DEF">DEF</option>
    <option value="GHI">GHI</option>
    <option value="JKL">JKL</option>
    <option value="MNO">MNO</option>
</select>

</body>

</html>

Answer 1

您可以使用jQuery轻松完成此操作：http://jsfiddle.net/yFgZC/2/

    $(document).ready(function() {
        var value_to_delete = "ABC";

        $(document).keyup(function(e){
            if(e.keyCode == 46) {
                $("#list option").each(function() {
                    if($(this).attr("value") === value_to_delete) {
                        $(this).remove();   
                    }
                });
            }
        });
    });

您需要填充value_to_delete变量，但这应该相对简单。

从选择框中删除选项值

1 个答案: