我想在不点击select标签的情况下获得选择选项。
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>
发布于 2018-07-11 20:53:02
使用$("#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>
发布于 2018-07-11 20:58:25
你不需要jQuery来做这件事,它在普通的Javascript中非常简单。
xyz.querySelector(`option[value="14"]`).textContent
获取具有14
的value
属性的选项的文本值。
input.addEventListener('input', (e) => {
test.textContent = `${e.target.value} is ` + xyz.querySelector(`option[value="${e.target.value}"]`).textContent;
})
<select name="abc" id="xyz">
<option value="12">Apple</option>
<option value="13">Banana</option>
<option value="14">PineApple</option>
</select>
<input type="number" min="12" max="14" step="1" value="12" id="input" />
<p>The current value is: <span id="test"></span></p>
https://stackoverflow.com/questions/51285878
复制相似问题