在jquery中，可以使用option对象选择器获得指定的option对象，通过text()方法实现更新option内容。下面小编举例讲解怎样用jQuery动态更新select里面option的内容。
方法/步骤
-
1
新建一个html文件，命名为test.html，用于讲解怎样用jQuery动态更新select里面option的内容。
-
2
在test.html文件内，使用select标签创建一个下拉框，用于测试。
-
3
在test.html文件内，给select标签添加一个id属性，用于下面获得select对象。
-
4
在test.html文件中，使用button标签创建一个按钮，给button绑定onclick点击事件，当按钮被点击时，执行updateoption()函数。
-
5
在js标签内，创建updateoption()函数，在函数内，通过id和指定的option选项获得option对象，使用text()方法实现更新指定的option内容。
-
6
在浏览器打开test.html文件，点击按钮，查看结果。
END
总结：
-
1
1、使用select标签创建一个下拉框，给select标签添加一个id属性。
2、在js中，通过id和指定的option选项获得option对象，使用text()方法实现更新指定的option内容。
END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
文章评论