0

テキストボックスに入力された値と追加ボタンがクリックされた後、選択ボックス（ドロップダウン）で新しく追加された値を選択するにはどうすればよいですか？

<html>
  <head>
    <script>
      function addref(value) {
        var x = document.getElementById("thebox");
        var option = document.createElement("option");
        option.text = value
        x.add(option,x.options[null])
      }
    </script>
  </head>
  <body>
    <form>
      <select id="thebox">
      </select>
    </form>
    <br>
    <input type="text" id="theinput"/>
    <input type="button" value="Add" name="B1" onclick="addref(document.getElementById('theinput').value)"/>
  </body>
</html>
4

2 に答える 2

0

これを試して：

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

この後、を使用して値を取得できます

var val = x.value;

また

var val = x[x.selectedIndex].value;

<select>MDNで。

また、x.add(option,x.options[null])単にを使用する代わりにx.add(option)。optionこれにより、の最後に新しく作成されたものが追加されoptionsます。2番目の引数は整数であると想定されており、新しいオプションを追加するインデックス位置を表します。

于 2013-01-25T17:08:12.767 に答える
0

選択した値を取得するには、次を使用します。

var e = document.getElementById("thebox");
var theValue = e.options[e.selectedIndex].value;

選択したテキストを取得するには、次を使用します。

var e = document.getElementById("thebox");
var theText = e.options[e.selectedIndex].text;

動的に追加されたかどうかは関係ありません。

于 2013-01-25T17:15:21.640 に答える