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效果显示如下，自由添加功能实现。

设计两个div

上面的div1相当于输入框，下面的div2默认隐藏display：none

div2里面放几个text，这样就可以输入文字了

当div1不为空时，获取div2的id，设置display为可见display：block

这是思路，具体的太麻烦了，你查查看有没有类似的代码

html中表单下拉框1到100的步骤1、新建一个html文件。2、在body标签里写入下拉列表select标记。3、在select标记中用option写入下拉框内的值，想要多少就写多少即可。扩展资料：HTML表单1、表单是一个包含表单元素的区域。2、表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。3、表单使用表单标签<form>来设置:4、HTML表单-输入元素，多数情况下被用到的表单标签是输入标签（<input>），输入类型是由类型属性（type）定义的。

---