javascript - selectタグの表示値の取得

Question

<select id="kamal">
<option value"ACTIVE">a<option>
<option value"DISABLED">b<option>
<option value"DELETED">c<option>
</select>

オプションタグに表示される値ではなく、ページに表示される値を取得したい

「ACTIVE」ではなく「aktiv」に興味がある

私が書くdocument.getElementById("kamal").value;と、選択された値が変数に入ります。しかし、表示された値が必要です。

どうすればこの値を取得できるか教えてください。

注: 以下に示すすべてのオプションを使用すると、選択したオプションの値が表示されます。選択したオプションのラベルが必要です。HTMLページに表示される値を意味します。

score 8 · Accepted Answer

あなたが探している解決策は次のとおりです。

値を取得するには:

var element = document.getElementById("kamal");
var selectedValue = element.options[element.selectedIndex].value;

テキストを取得するには:

var element = document.getElementById("kamal");
var selectedValue = element.options[element.selectedIndex].text;

編集：

作業例:

http://jsfiddle.net/n85tW/6/

score 3 · Accepted Answer

試す：

var sel = document.getElementById("kamal")
alert(sel.options[sel.selectedIndex].value);

注:<option>タグは次のように閉じる必要があります。</option>

score 0 · Accepted Answer

var element = document.getElementById("kamal"); var selectedValue = element.options[element.selectedIndex]. innerHTML;

これが私の質問の解決策でした。

3 に答える 3