javascript - IDなしでドロップダウンリストで値を選択します

Question

html の 3 番目の値 (月) を選択したい

    <select name="planettype" onChange="updateVars()" onKeyUp="updateVars()">
                    <option value="1" selected="selected">Planet</option>
<option value="2">Debris Field</option>
<option value="3">Moon</option>

                    </select>

私はテストしました：

void(document.getElementsByTagName("planettype").text = '月'); void(document.getElementsByTagName("planettype").value = '3');

• 動作していません

ドロップダウンリストに「アクセス」することさえできません。それを行う方法はありますか?

Answer 1

次のようなものを使用します。

document.getElementsByName("planettype")[0].options[2].selected = true;

planettypeはタグ名ではなく、名前です。3 番目の月のオプションが必要で、selected を true に設定します。

Answer 2

select を取得し、selectedIndexプロパティを設定します。

document.getElementsByName('planettype')[0].selectedIndex = 2;

フィドル

Answer 3

これを試すこともできます：

var v = document.getElementsByTagName("option")[2].text;
alert(v)

http://jsfiddle.net/refhat/U2rZN/15/

マークアップ内で関数名を使用しないでください。jQuery でこのようなことを試すこともできます

$(function() {
    $("select option").click(function() {
      alert($(this).text());
    });
});

http://jsfiddle.net/refhat/U2rZN/25/

Answer 4

selectedIndex プロパティを使用する

document.getElementByName("planettype").selectedIndex = 3;