js 選択コントロール実装 code_form 効果

実装コード:

コードをコピー コードは次のとおりです:

<ボタン onclick= 'test[ test.length]=new Option("1","12");'>テキストと値を同時に追加
テキストに対する操作 値の操作
view (test.children [0])">del1
del2
del3

効果のデモンストレーション:

<select id="test11" size="5" style="width:50px"> </select><select id="test" style="width:50px"> </select>テキストと値を同時に追加します<button onclick='test[test.length]=new Option("1","12");'> </button>テキストに対する操作<button onclick='test.insertBefore(document.createElement("option")).innerText="2";'> </button>値の操作<button onclick='test.appendChild(document.createElement("option")).setAttribute("value","3");'> </button>見る<button onclick="alert(test.outerHTML)"> </button>del1<button onclick="test.removeChild(test.children[0])"> </button>del2<button onclick="test.firstChild.removeNode()"> </button>del3<button onclick="test[0]=null"> </button>

[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]