jquery的contains如何实现精准匹配

djk8888

于 2024-01-08 16:18:30 发布

阅读量560

点赞数 10

文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/djk8888/article/details/135460308

版权

本文介绍了如何使用JavaScript操作HTMLselect元素，通过文本内容选择器选中特定的<option>元素，使其显示为选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// HTML结构
<select id="mySelect">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>
 
// JavaScript代码
var selectedText = "Option 2"; // 要选中的文本内容
$("#mySelect").find("option").filter(function() {
    return $(this).text().trim() === selectedText;
}).prop('selected', true);

上述代码会将值为"Option 2"的<option>元素设置为被选中状态。