jquery怎么根据一个值来选中select下的option

在jquery中 , 可以使用option[value=https://vvvtt.com/article/"值"]对象选择器获取指定值的option对象 , 通过prop()方法设置其为选中状态 。 下面小编举例讲解jquery怎么根据一个值来选中select下的option 。

jquery怎么根据一个值来选中select下的option

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1【jquery怎么根据一个值来选中select下的option】新建一个html文件 , 定名为test.html , 用于讲解jquery怎么按照一个值来选中select下的option 。
jquery怎么根据一个值来选中select下的option

文章插图

2在test.html文件内 , 利用select标签建立一个下拉列表 , 选项别离为测试a , 测试b , 测试c 。
jquery怎么根据一个值来选中select下的option

文章插图

3在test.html文件内 , 给select标签添加一个id属性 , 属性值为testid , 用于下面获得select对象 。
jquery怎么根据一个值来选中select下的option

文章插图

4在test.html文件内 , 建立一个button按钮 , 给button绑定onclick点击事务 , 当按钮被点击时 , 执行setoption()函数 。
jquery怎么根据一个值来选中select下的option

文章插图

5在js标签内 , 建立setoption()函数 , 在函数内 , 经由过程select的id和对象选择器option[value=https://vvvtt.com/article/"b"]获得值为b的选项对象 , 再经由过程prop()方式将其设置为选中状况 。
jquery怎么根据一个值来选中select下的option

文章插图

6在浏览器打开test.html文件 , 点击按钮 , 查看成果 。
jquery怎么根据一个值来选中select下的option

文章插图

总结:11、利用select标签建立一个下拉列表 。
2、在js中 , 利用option[value=https://vvvtt.com/article/"值"]对象选择器获取指定值的option对象 , 经由过程prop()方式设置其为选中状况 。

注重事项prop()获取在匹配的元素集中的第一个元素的属性值 。

以上内容就是jquery怎么根据一个值来选中select下的option的内容啦 , 希望对你有所帮助哦!

    推荐阅读