我需要你的帮助。

我对javascript还是比较陌生,想完成以下工作:

使用键盘上的“删除”键,我希望能够从此图所示的下拉列表中删除突出显示的值:


和;

我希望使用输入框中的Delete键,搜索输入框中给出的值,然后从下拉框中删除该选项(如下图所示):

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

最佳答案

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

关于javascript - 从选择框中删除选项值,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18904953/

10-12 12:41