html下拉框怎么用js添加新值

html下拉框怎么用js添加新值

javascript添加一个下拉列表项的方法：创建一个新的option节点，然后添加到目标select对象中去，关键代码如下：

1、var objSelect = document.getElementById(select_id)。

2、var new_opt = new Option(objItemText, objItemValue)。

3、objSelect.options.add(new_opt)。

实例演示如下：

1、HTML结构，包括一个select项，含有三个options。另外，设置input和button,通过自由父子，实现给select增加自定义option。

此时的显示效果如下，其中option中有三项。

2、JS的函数设计如下：

现有的options如下：

3、在页面上输入新的数据，点击添加。

此时的select效果显示如下，自由添加功能实现。

1、人员接口，注册用户名等等，只有前端部分代码是无法完成此功能的。

2、必须要根据后端API接口来实现此功能。在后台逻辑中会实现注册用户名逻辑，你需要和后台开发人员沟通。

3、希望对你有帮助。

在你需要调试的部分打上debugger，按F12键，运行到那儿自然而然进入调试，你没调试一步可以看你数据信息；或者你在你需要显示的部分写上console.log(你需要显示的对象）；

---