首页 > 软件开发 > JQUERY >

jquery操作select常见方法总结

来源:互联网 2023-03-17 00:47:27 174

在HTML中select标签是比较常用的标签,使用Jquery可以对select进行很多操作,如获得值、设置值、删除值等。下面是jquery操作select常见方法总结。g0S办公区 - 实用经验教程分享!

方法/步骤

  • 1

    新建一个HMTL文件,文件名为index.html,页面加载jquery-1.3.2.min.js文件,并编写select选择框。代码如下:

    g0S办公区 - 实用经验教程分享!

    g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

  • 2

    获得select标签option的长度,可以通过select对象的length属性或size方法来获得。

    g0S办公区 - 实用经验教程分享!

    g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

  • 3

    获得select选中的option值,可以通过jquery的val()方法来获得option的值。

    g0S办公区 - 实用经验教程分享!

    g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

  • 3相关内容未经许可获取自百度经验
  • 4

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

    g0S办公区 - 实用经验教程分享!

    g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

  • 5

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

    g0S办公区 - 实用经验教程分享!

    g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

  • 6

    向select标签添加一个选项。下面代码通过append()方法向select添加一个option选项(添加选项四)。g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

  • 7

    删除select标签option选项,通过remove( )方法可以删除指定的option。g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

    jquery操作select常见方法总结g0S办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!g0S办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码