javascript - リストボックスに JavaScript で値を追加する

Question

リストボックスで選択した値だけでなく、すべてのオプションから値を取得するにはどうすればよいですか?

<select name="name" multiple="multiple">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

編集

私は実際に、あるリストボックスから別のリストボックスに値を追加する JavaScript を持っています。私が行った解決策は、非表示フィールドを作成することでした。一方が他方に追加されるたびに、非表示フィールドにも追加されますが、明らかに非表示フィールドに誤って追加した可能性があります

hiddenField.append(jQuery(this));

フォーム投稿データを取得しています

score 1 · Accepted Answer

var x=document.getElementsByName("name");
var i;
for (i=0;i<x.length;i++) {
  console.log(x.options[i].text);
}

score 0 · Accepted Answer

あなたはあまり明確ではありませんでしたが、リスト全体のすべての値ではなく、選択したすべての値の値を取得したいと思っていたと思います。つまり、人が 1 と 2 を選択した場合、を使用してその情報を取得することはできません.value。代わりに、を使用します.selectedOptions。

したがってdocument.getElementsByName("name")[0].selectedOptions、出力を使用する場合は次のようになります[ <option value="1">1</option> , <option value="2">2</option> ]

次のようにして、特定の選択範囲の値を取得することもできdocument.getElementsByName("name")[0].selectedOptions[x].valueますx。

2 に答える 2