jquery操作select常见方法总结

【jquery操作select常见方法总结】在HTML中select标签是比力常用的标签 , 利用Jquery可以对select进行良多操作 , 如获得值、设置值、删除值等 。 下面是jquery操作select常见方式总结 。
方式/
1新建一个HMTL文件 , 文件名为index.html , 页面加载jquery-1.3.2.min.js文件 , 并编写select选择框 。 代码如下:


jquery操作select常见方法总结

文章插图

jquery操作select常见方法总结

文章插图

2获得select标签option的长度 , 可以经由过程select对象的length属性或size方式来获得 。


jquery操作select常见方法总结

文章插图

jquery操作select常见方法总结

文章插图

3获得select选中的option值 , 可以经由过程jquery的val()方式来获得option的值 。


jquery操作select常见方法总结

文章插图

jquery操作select常见方法总结

文章插图

4获得select指定option的值 , 如获得第一个option值 , 最后一个option值 , 指定的option值 。


jquery操作select常见方法总结

文章插图

jquery操作select常见方法总结

文章插图

5设置select标签option的value值 , 经由过程attr( )方式可以设置select的vaule值 。 例如 , 下面代码设置第一个option的value值为2 。


jquery操作select常见方法总结

文章插图

jquery操作select常见方法总结

文章插图

6标的目的select标签添加一个选项 。 下面代码经由过程app方式标的目的select添加一个option选项(添加选项四) 。

jquery操作select常见方法总结

文章插图

jquery操作select常见方法总结

文章插图

7删除select标签option选项 , 经由过程remove( )方式可以删除指定的option 。

jquery操作select常见方法总结

文章插图

jquery操作select常见方法总结

文章插图


以上内容就是jquery操作select常见方法总结的内容啦 , 希望对你有所帮助哦!

    推荐阅读