而不选择select id。获取值
而不选择select id。获取值
提问于 2018-07-11 20:48:03
我想在不点击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>回答 2
Stack Overflow用户
回答已采纳
发布于 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>
Stack Overflow用户
发布于 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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51285878
复制相关文章
相似问题
腾讯云开发者
