jQuery Select要素について指定した値のoption要素のtextを指定する

Question

初歩的な質問で申し訳ありません。
下記で、ある値のテキストを取得する場合は、どの様に記述すれば宜しいでしょうか。

<select id="idSelect">
  <option vlaue="val_1">text_1</option>
  <option vlaue="val_2">text_2</option>
  <option vlaue="val_3">text_3</option>
  <option vlaue="val_4">text_4</option>
</select>

//全てのテキストが取得される
var txt = $('#idSelect').text();

//選択されているテキストが取得される
var txt = $('#idSelect option:selected').text();

//指定した値のテキストが取得される
//?

Answer 1

提示の例のように、value属性があるとは限らないのでプロパティを見たほうがいいかもしれません。

$('#idSelect option').each(function(index, element) {
    if (element.value === 'text_3') {
        console.log(element.textContent);
        return false;
    }

    return true;
});

Answer 2

var txt = $('#idSelect [value="val_1"]').text();

こういうことですか？

あとoptionのvalue属性がvlaueになってますよ。

Comments

[uer03108]

有難うございます。
解決いたしました。

Answer 3

var text = $("#idSelect option[value=val_1]").text();