如何通过jquery获得下拉框的显示值

html+jquery

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解若何经由过程jquery获得下拉框的显示值。

    caef76094b36acaf4c9ba69773d98d1001e99c65.jpg
  2. 2

    在test.html文件内,利用select标签,option标签建立一个下拉框,选项内容别离是一,二,三,四。

    7acb0a46f21fbe09599df27f64600c338644ad9d.jpg
  3. 3

    在test.html文件内,设置select标签的id为myselect,本家儿要用于下面经由过程该id获得select对象。

    aa64034f78f0f7364cb47c6a0555b319ebc41316.jpg
  4. 4

    在test.html文件内,利用button标签建立一个按钮,按钮名称为“获得下拉框的显示值”。

    79f0f736afc37931ef22b642e4c4b74543a91116.jpg
  5. 5

    在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行getselect()函数。

    00e93901213fb80e11aa51bc39d12f2eb9389465.jpg
  6. 6

    在js标签中,建立getselect()函数,在函数内,利用“:checked”作为下拉框的对象选择器,再利用text()方式来获得选中的显示值。最后,经由过程alert()方式把显示值输出来。

    aec379310a55b3190cb3b21e4ca98226cffc1716.jpg
  7. 7

    在浏览器打开test.html文件,选择下拉框内容,点击按钮,查看成果。

    78310a55b319ebc45f3246f28d26cffc1e171616.jpg
  • 发表于 2019-12-18 17:00
  • 阅读 ( 1058 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具