1

我需要你的帮助。

我对 javascript 还是比较陌生，并希望完成以下工作：

使用键盘上的“删除”键，我希望能够从此处图片中描绘的下拉列表中删除突出显示的值： 在此处输入图像描述

和;

使用输入框中的删除键，我希望它搜索输入框中给定的值并从下拉框中删除选项（如图所示）：在此处输入图像描述

这是 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>
4

1 回答 1

0

您可以使用 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变量，但这应该相对简单。

于 2013-09-19T21:13:01.523 回答