我需要检查<select>是否有一个文本等于特定值的选项。
例如,如果有一个<option value="123">abc</option>,我将寻找"abc"。
有选择器来做这个吗?
我在寻找类似于$('#选择选项[值="123"]');除了文本。
我需要检查<select>是否有一个文本等于特定值的选项。
例如,如果有一个<option value="123">abc</option>,我将寻找"abc"。
有选择器来做这个吗?
我在寻找类似于$('#选择选项[值="123"]');除了文本。
您可以使用:contains()选择器来选择包含特定文本的元素。 例如:
$('#mySelect option:contains(abc)')
要检查给定的<select>元素是否有这样的选项,使用.has()方法:
if (mySelect.has('option:contains(abc)').length)
要查找所有包含此选项的<select>,请使用:has()选择器:
$('select:has(option:contains(abc))')
这可能会有所帮助:
$('#test').find('option[text="B"]').val();
演示小提琴
这将为你提供带有文本B的选项,而不是包含文本B的选项。
对于最新版本的jQuery,上述问题无法解决。正如下面Quandary所评论的,这是jQuery 1.9.1的工作原理:
$('#test option').filter(function () { return $(this).html() == "B"; }).val();
更新的小提琴
之前的建议在jQuery 1.7.2中都不适用,因为我试图根据文本框中的值设置列表的选定索引,而一些文本值包含在多个选项中。我最终使用了以下方法:
$('#mySelect option:contains(' + value + ')').each(function(){
if ($(this).text() == value) {
$(this).attr('selected', 'selected');
return false;
}
return true;
});
这在jQuery 1.6中是有效的(注意:在开括号前是冒号),但是在新版本(当时是1.10)中无效。
$('#mySelect option:[text=abc]")
我尝试了其中的一些功能,直到我找到了一个可以同时在Firefox和IE中运行的功能。这是我想到的。
$("#my-Select").val($("#my-Select" + " option").filter(function() { return this.text == myText }).val());
另一种更容易读懂的写法:
var valofText = $("#my-Select" + " option").filter(function() {
return this.text == myText
}).val();
$(ElementID).val(valofText);
伪代码:
$("#my-Select").val( getValOfText( myText ) );
如回答中所述,您可以轻松地为hasText创建自己的选择器。这允许你找到$('#test').find('option:hastText("B")').val();
下面是我添加的hasText方法:
if( ! $.expr[':']['hasText'] ) {
$.expr[':']['hasText'] = function( node, index, props ) {
var retVal = false;
// Verify single text child node with matching text
if( node.nodeType == 1 && node.childNodes.length == 1 ) {
var childNode = node.childNodes[0];
retVal = childNode.nodeType == 3 && childNode.nodeValue === props[3];
}
return retVal;
};
}
这对我很有用
var options = $(dropdown).find('option');
var targetOption = $(options).filter(
function () { return $(this).html() == value; });
console.log($(targetOption).val());
谢谢你的帖子。
我遇到了同样的问题,下面是工作代码:
$("#test option").filter(function() {
return $(this).text() =='Ford';
}).prop("selected", true);
演示:http://jsfiddle.net/YRBrp/83/
下面的jquery 1.10.2版本适合我
var selectedText="YourMatchText";
$('#YourDropdownId option').map(function () {
if ($(this).text() == selectedText) return this;
}).attr('selected', 'selected');
});
这是在下拉列表中选择文本的最佳方法。
$("#dropdownid option:contains(your selected text)").attr('selected', true);
这对我很有用
$('#mySelect option:contains(' + value + ')').attr('selected', 'selected');
这对我来说很管用:
var result = $('#SubjectID option')
.filter(function ()
{ return $(this).html() == "English"; }).val();
result变量将返回匹配文本值的索引。现在我将使用它的索引来设置它:
$('#SubjectID').val(result);
使用prop而不是attr
$('#mySelect option:contains(' + value + ')').each(function(){
if ($(this).text() == value) {
$(this).prop('selected', 'selected');
return false;
}
return true;
});
那是10年前的事了。 现在jquery是EOL,我们可以使用普通的DOM来完成这个简单的工作
document.getElementById("SomeSelectId").querySelectorAll("option").forEach(o => o.selected = o.innerText == text);
这是我在jquery V3.6.0的工作在2022年
$("#select >option").filter( function()
{
if ($(this).text() === "123")
{
$(this).prop("selected", true);
}
});
2022年8月25日。
对于jQuery v3.5.1,真正对我有用的是:
$('#selectID option:contains("label")').prop('selected', true);
如果你在一个变量中有文本,这样做:
ddText = 'Text to find';
$('#selectID option:contains("' + ddText + '")').prop('selected', true);