javascript - 无需选择 select id。获得值(value)

Question

我想在不点击选择标签的情况下获得选择选项。

Jquery

    var sub = $('#xyz').option[value = 14]
    $('#test').text(sub)

我尝试过的其他 jquery 代码

 var sub = $('select[name="abc"] option[value= '14']');
 $('#test').text(sub)

HTML

<select name="abc" id="xyz">

<option value="12">Apple</option>

<option value="13">Banana</option>

<option value="14">PineApple</option>
</select>
<p id="test">This is some <b>bold</b> text in a paragraph.</p>

Answer 1

使用 $("#xyz option[value='14']").text() 获取指定其值的选项文本

这是示例

console.log($("#xyz option[value='14']").text())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select name="abc" id="xyz">

<option value="12">Apple</option>

<option value="13">Banana</option>

<option value="14">PineApple</option>
</select>