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 に答える