当前位置:  开发笔记 > 编程语言 > 正文

如何使用jQuery在下拉列表中按文本值选择项目?

如何解决《如何使用jQuery在下拉列表中按文本值选择项目?》经验,为你挑选了3个好方法。

如果我有以下选择,并且不知道用于提前选择项目的值,就像在这个问题或我想要选择的项目的索引一样,如果我知道了,我怎么能用jQuery选择其中一个选项选项C之类的文本值?


eyelidlessne.. 14

var option;
$('#list option').each(function() {
    if($(this).text() == 'Option C') {
        option = this;
        return false;
    }
});


Shog9.. 14

这应该做的伎俩:

// option text to search for
var optText = "Option B";
// find option value that corresponds
var optVal = $("#list option:contains('"+optText+"')").attr('value');
// select the option value 
$("#list").val( optVal )

正如眼睑指出的那样,当搜索的文本可以在多个选项中找到时,这将表现得不可预测.



1> eyelidlessne..:
var option;
$('#list option').each(function() {
    if($(this).text() == 'Option C') {
        option = this;
        return false;
    }
});



2> Shog9..:

这应该做的伎俩:

// option text to search for
var optText = "Option B";
// find option value that corresponds
var optVal = $("#list option:contains('"+optText+"')").attr('value');
// select the option value 
$("#list").val( optVal )

正如眼睑指出的那样,当搜索的文本可以在多个选项中找到时,这将表现得不可预测.


如果你想要完全匹配而不是"字符串中的某个地方",你可以使用选项[text ="optText"]而不是包含.

3> Pavel Chuchu..:
$("#list option").each(function() {
  this.selected = $(this).text() == "Option C";
});

推荐阅读
喜生-Da
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有