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

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

东西/原料

  • html+jquery
  • 代码编纂器:zend studio 10.0

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery怎么按照一个值来选中select下的option。

  2. 2

    在test.html文件内,利用select标签建立一个下拉列表,选项别离为测试a,测试b,测试c。

  3. 3

    在test.html文件内,给select标签添加一个id属性,属性值为testid,用于下面获得select对象。

  4. 4

    在test.html文件内,建立一个button按钮,给button绑定onclick点击事务,当按钮被点击时,执行setoption()函数。

  5. 5

    在js标签内,建立setoption()函数,在函数内,经由过程select的id和对象选择器option[value="b"]获得值为b的选项对象,再经由过程prop()方式将其设置为选中状况。

  6. 6

    在浏览器打开test.html文件,点击按钮,查看成果。

    END

总结:

  1. 1

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

    END

注重事项

  • prop()获取在匹配的元素集中的第一个元素的属性值。
  • 发表于 2020-04-27 19:00
  • 阅读 ( 1698 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具