jquery如何获取一个select里面的所有option的值

Jquery获得select所有的option值 , 可以利用遍历option值的方式获得 。 下面介绍获得所有option值的两种方式 。

方式一 , 利用each()方式1新建一个HTML文件 , 定名为index.html 。


jquery如何获取一个select里面的所有option的值

文章插图

2在index.html文件中编写select选择框html代码 , 实现选项的结果 , 代码如下:


jquery如何获取一个select里面的所有option的值

文章插图

jquery如何获取一个select里面的所有option的值

文章插图

3在页面中加载jquery-1.3.2.min.js文件 , 编写Jquery代码获得所有选项的option值 。 经由过程each方式遍历所有的option值 , 并存入select_con数组中 。

jquery如何获取一个select里面的所有option的值

文章插图

4利用console.log()打印数组 , 运行代码查看数组内容 , 可以看到数组已当作功获得select 中option所有的值 。


jquery如何获取一个select里面的所有option的值

文章插图

jquery如何获取一个select里面的所有option的值

文章插图

方式二 , 利用map()方式1经由过程map()方式获得所的option值 , 把成果返回到result变量中 。


jquery如何获取一个select里面的所有option的值

文章插图

2经由过程get()方式把获得的对象转换为数组 , 并存入select_con数组中 。

jquery如何获取一个select里面的所有option的值

文章插图

3【jquery如何获取一个select里面的所有option的值】运行代码 , 打印数组 , 可以看到所有option值已当作功存入数组中 。


jquery如何获取一个select里面的所有option的值

文章插图


以上内容就是jquery如何获取一个select里面的所有option的值的内容啦 , 希望对你有所帮助哦!

    推荐阅读