JavaScript动态操作select下拉框

相信在前端设计中必然不会少的了表单，因为经常会使用到下拉框选项，又或是把数据动态回显到下拉框中。因为之前牵扯到optgroup标签时遇到了问题，没查到太过详细的解决方案，自己动手操作记录一下。

首先就是咱们的老朋友"select"标签，因为需要js、jq两种操作，所以就定义两个select标签。

HTML代码：

	
	
	添加 

之后就是引用jq，定义js、jq操作，代码我都贴下面了。

JS代码：

需要注意的是：尽管用的id是递增产生的，但前面的名字也不要一样，我在测试按钮功能的时候，没注意就把两种optgroup的id定义成一样的，结果按钮随机生成的option都加到了相应id的mySelect1的optgroup里面了。

最后再贴一下运行效果

首先就是mySelect1回显json中的数据

点击添加按钮，新增到mySelect2

到此这篇关于JavaScript动态操作select下拉框的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持脚本之家。