使用jQuery或纯JavaScript,如何根据标签获取select选项的ID?因此,例如,给定以下内容:
<select id="blah">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
如果我有标签"Two“,但我需要知道与它相关的值,我如何从这个select中获得该值?我不想简单地选择它,我需要知道它的值是什么。
发布于 2018-09-21 04:30:17
如果您拥有的唯一引用实际上是实际的文本内容,那么您将不得不遍历元素并检查每个元素的内容。这里显示了jQuery,只是因为它的类型更少:
var result;
$("option").each(function() {
if ($(this).text() == "Two") {
result = $(this).attr("value");
return false;
});
});
发布于 2018-09-21 04:39:47
另一种选择:
$('#blah').find('option:contains("Two")').val();
(双关语?)
发布于 2018-09-21 04:30:20
获取所有选项,然后使用find
获取包含特定文本的选项。
const optionEls = Array.from(document.querySelectorAll("#blah option"));
const hasText = text => el => el.textContent === text;
const optionWithTwo = optionEls.find(hasText("Two"));
console.log(optionWithTwo.value);
<select id=blah>
<option value=1>One</option>
<option value=2>Two</option>
<option value=3>Three</option>
</select>
https://stackoverflow.com/questions/52432725
复制相似问题