0

私はこれを完全に理解できないようです。

私の関数は正常に動作しますが、オプション値が入力ボックスから動的に追加され、 [list1] で削除キーを押した場合、1 つの不一致があり、それらは削除されません。ただし、オプション値が静的に追加された場合は、正常に削除されます。何か案は？

私は本当にこれで頭を悩ませています。

<!DOCTYPE html>

<html>

<head>
<script type="text/javascript">

function add_refdoc() {

    var x = document.getElementById("list1");

    var option = document.createElement("option");

    var input = document.getElementById('refdocs_input')

    option.text = input.value

    x.add(option,x.option)

    x.selectedIndex = x.options.length - 1;
}


function del_refdoc(e) {
    var evt = e ? e : event;
    var sel = evt.target ? evt.target : evt.srcElement;
    if(evt.keyCode && evt.keyCode == 46 || evt.which == 46) {
        var val = sel.value;
        var opts = sel.getElementsByTagName("option");
        if(val != "") {
            for(var i=0; i<opts.length; i++) {
                if(val == opts[i].value)
                    sel.removeChild(opts[i]);
                }
        }
    }
}

</script>


</head>

<body>
<input id="refdocs_input" type="text"/>

<input value="add" type="button" onclick="add_refdoc()"/>

<br>
<select onkeydown="del_refdoc(event)" style="width: 250px;" id="list1"></select>

<br><br>

<select onkeydown="del_refdoc(event)" style="width: 250px;" id="list2">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

</body>

</html>
4

1 に答える 1

0

オプションの値が追加される方法だったようです

だから私はこのコードを変更し、それはうまくいきました。

function add_refdoc() {

    var s = document.getElementById('list1')

    var t = document.getElementById('input1').value

    s.options[s.options.length] = new Option(t, t)

}
于 2013-07-23T14:41:53.253 に答える