[英]Selecting options in a select via JQuery
我有一个选择,有以下选项:
<select>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
我不知道这些值是什么,但在我的JQuery代码中,我想选择第二个选项,因为我知道文本是B(但没有别的)。
如何做呢?
您可以使用:contains()
选择器:
$('option:contains("B")').prop('selected', true);
或者:
$('option')
.filter(function() {
return this.text == 'B';
})
.prop('selected', true);
如果您不确定值是什么,但知道里面的文本是什么,您可以使用:contains()
选择器来获取适当的选项,获取其值, 然后设置选择。
注意:contains()
执行子串匹配,因此:contains(foo)
将同时选择<p>foo</p>
和<p>barfoobar</p>
(正如ThiefMaster 在评论中指出的那样)。
为了更精细地控制选择,你需要我提到的.filter()
选项更进一步。
// relevant option
// : not entirely sure if .val() will get an option's value
var _optionval = $('option:contains("B")').attr('value');
// set select value
$('select').val(_optionval);
我根据你对杰克答案的评论分享以下内容。
:contains()
基本上是为了对元素的内容进行匹配。 没有绕过那个。
但是,您可以使用.filter()
类的东西来编写更复杂的代码。
$('option').filter(function () {
// we want the option (or optionS) with text that starts with "foo"
return $(this).text().indexOf('foo') === 0;
// or maybe just something with an exact match
//
// return $(this).text() === 'foo';
});
<select id="select_id">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
$("#select_id option").each(function (){
if($(this).text()=='B'){
// DO what you want to
}
});
此代码将在选择字段中选择带有文本“B”的任何选项。 我想这就是你想要的
试试这个(确保你选择一个ID,我使用mySelect
):
$("#mySelect").val($("#mySelect:option:contains('B')").val());
$('option').each(function(){
var t=this
if(t.text=='B'){
t.selected='selected';
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.