jquery - HTMLによるドロップダウンの値の設定

Question

ドロップダウンリストの値をHTMLで選択したいのですが。たとえば、次の選択肢があります...

<select id="dropdown">
    <option value=""></option>
    <option value="1">Choice 1</option>
    <option value="2">Choice 2</option>
</select>

現在、 Choice1というテキストを取得できます。を使用して対応する値を選択できることを理解しています$('#dropdown').val('1');。ただし、実際には1にアクセスできないため、選択肢1を使用して同じ選択肢を選択したいと思います。

これはjQueryを介して可能ですか、それとも他の解決策はありますか？

score 3 · Accepted Answer

$('#dropdown option').each(function() {
  if($(this).text()=='yourvalue') $('#dropdown').val($(this).val());
});

オプションを繰り返し、対応する値を確認します

score 3 · Accepted Answer

この動作するjsfiddleリンクを試してください。http://jsfiddle.net/Fh3WC/

ハードコードされた選択肢1を変数値に置き換えます。

$(function() {
    $("select option:contains('Choice 1')").attr('selected','selected');
});

score 1 · Accepted Answer

/* get value */
document.getElementById("dropdown").options[0].value

/* get text */
document.getElementById("dropdown").options[3].text

3 に答える 3