首页 >web前端 >js教程 >如何使用 jQuery 通过文本描述选择选择控件中的选项?

如何使用 jQuery 通过文本描述选择选择控件中的选项?

Susan Sarandon
Susan Sarandon原创
2024-11-04 21:06:02938浏览

How to Select an Option in a Select Control by Text Description Using jQuery?

如何使用 jQuery 根据文本描述在选择控件中设置选定选项

通过值选择选择控件中的选项是一项相当简单的任务jQuery。但是,如果您需要根据文本描述来设置所选元素,则过程可能会稍微复杂一些。

使用 jQuery v1.6

对于 jQuery 版本1.6 及以上版本,您可以使用以下代码通过其文本设置所选选项:

<code class="js">var text1 = 'Two';
$("select option").filter(function() {
  return $(this).text() == text1;
}).prop('selected', true);</code>

此代码片段首先使用 filter() 方法选择具有匹配文本描述的选项元素(在本例为“二”)。然后,它将所选选项的 selected 属性设置为 true,有效地将其标记为所选选项。

以上是如何使用 jQuery 通过文本描述选择选择控件中的选项?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn