jquery怎么获取option的label值

在jquery中,可以使用each()方法遍历option标签获取每一个label值,并把它保存在数组中。下面小编举例讲解jquery怎么获取option的label值。

东西/原料

  • html+jquery
  • 代码编纂器:zend studio 10.0

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解jquery怎么获取option的label值。

  2. 2

    在test.html文件内,利用select标签和option标签建立一个下拉选择项,并设置每一个option的label为11,22,33。

  3. 3

    在test.html文件内,利用button标签建立一个按钮,按钮名称为“获取option的label值”。

  4. 4

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

  5. 5

    在js标签中,建立getfunc()函数,在函数内,初始化一个数组arr,用于保留label值。

  6. 6

    在getfunc()函数内,经由过程元素名称获得option对象,利用eahc()方式遍历每一个option,经由过程attr()方式获得label值,并利用push()方式把每一个option的label值存进arr数组中,最后,利用alert()方式输出所有的lable值。

  7. 7

    在浏览器打开test.html文件,点击按钮,查看成果。

    END

总结:

  1. 1

    1、建立一个test.html文件。
    2、在文件内,利用select标签和option标签建立一个下拉选择项,同时建立一个button按钮,用于触发执行js函数。
    3、在js标签内,建立函数,在函数内,初始化一个数组arr,用于保留label值。经由过程元素名称获得option对象,利用eahc()方式遍历每一个option,经由过程attr()方式获得label值,并利用push()方式把每一个option的label值存进arr数组中,最后,利用alert()方式输出所有的lable值。

    END

注重事项

  • 初始化的数组必需放在each()方式的外面。
  • 发表于 2020-02-23 22:13
  • 阅读 ( 963 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

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