jquery 获取option value

2022年7月5日 28点热度 0人点赞

如何获取select下拉框option选中的value值,jquery提供了一个val()方法获取选中的value值(),下面通过选中下拉框option获取对应value的方法进行演示。(可以直接看最后一步,里面有全部的代码)

语法:$(this).val()

方法/步骤

  1. 1

    新建一个html代码页,然后在html页面创建select下拉框。

  2. 2

    引入jquery库。创建<script>标签,引入jquery库。

  3. 3

    新建一个<scrtip>标签,然后在这个标签里面通过改变下拉框change()方法获取选中下拉框value的值。

    代码:

    $("select").change(function(){

    alert($(this).val())

    })

  4. 4

    保存html代码后使用浏览器打开,选中下拉框内容时会弹出对应下拉框value的值。

  5. 5

    所有代码。可以直接复制所有代码,粘贴到新建html页面,修改对应jquery库的路径保存后,使用浏览器打开选中选中下拉框内容后即可看到效果。

    所有代码:

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="UTF-8">

    <title></title>

    <script type="text/javascript" src="js/jquery-1.9.1.js" ></script>

    <script type="text/javascript">

    $(function(){

    $("select").change(function(){

    alert($(this).val())

    })

    })

    </script>

    </head>

    <body>

    <select name="">

    <option value="1">000000001</option>

    <option value="2">000000002</option>

    <option value="3">000000003</option>

    <option value="4">000000004</option>

    <option value="5">000000005</option>

    <option value="6">000000006</option>

    </select>

    </body>

    </html>

    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论