新建一个html文件,定名为test.html,用于讲解jquery怎么获取option的label值。
在test.html文件内,利用select标签和option标签建立一个下拉选择项,并设置每一个option的label为11,22,33。
在test.html文件内,利用button标签建立一个按钮,按钮名称为“获取option的label值”。
在test.html文件中,给button按钮绑定onclick点击事务,当按钮被点击时,执行getfunc()函数。
在js标签中,建立getfunc()函数,在函数内,初始化一个数组arr,用于保留label值。
在getfunc()函数内,经由过程元素名称获得option对象,利用eahc()方式遍历每一个option,经由过程attr()方式获得label值,并利用push()方式把每一个option的label值存进arr数组中,最后,利用alert()方式输出所有的lable值。
在浏览器打开test.html文件,点击按钮,查看成果。
1、建立一个test.html文件。
2、在文件内,利用select标签和option标签建立一个下拉选择项,同时建立一个button按钮,用于触发执行js函数。
3、在js标签内,建立函数,在函数内,初始化一个数组arr,用于保留label值。经由过程元素名称获得option对象,利用eahc()方式遍历每一个option,经由过程attr()方式获得label值,并利用push()方式把每一个option的label值存进arr数组中,最后,利用alert()方式输出所有的lable值。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!