在javascript中将文本字段中的文本添加到selectbox?
有人能指出关于使用javascript将文本(按用户)从textfield添加到选择列表(单击按钮后)的好教程吗 感谢下面是一个简单的示例,展示了如何使用JavaScript和文本字段的输入动态地将选项添加到选择标记: HTML: 基本上,HTML中有一个文本字段、一个按钮和一个选择框。submit按钮附带一个调用createOption函数的onclick事件。createOption函数基本上创建一个选项元素,并将其添加到选择框中,选项文本和值等于文本字段中的文本。使用在javascript中将文本字段中的文本添加到selectbox?,javascript,html,Javascript,Html,有人能指出关于使用javascript将文本(按用户)从textfield添加到选择列表(单击按钮后)的好教程吗 感谢下面是一个简单的示例,展示了如何使用JavaScript和文本字段的输入动态地将选项添加到选择标记: HTML: 基本上,HTML中有一个文本字段、一个按钮和一个选择框。submit按钮附带一个调用createOption函数的onclick事件。createOption函数基本上创建一个选项元素,并将其添加到选择框中,选项文本和值等于文本字段中的文本。使用document.ge
document.getElementsById
我们可以将新创建的元素注入Selectbox,并从textfield中检索插入的值
但是,如果您正在寻找书面教程,这是使用JavaScript动态填充表单的一个很好的参考。下面是一个简单的示例,演示如何使用JavaScript通过文本字段的输入动态地将选项添加到选择标记:
HTML:
基本上,HTML中有一个文本字段、一个按钮和一个选择框。submit按钮附带一个调用createOption函数的onclick事件。createOption函数基本上创建一个选项元素,并将其添加到选择框中,选项文本和值等于文本字段中的文本。使用document.getElementsById
我们可以将新创建的元素注入Selectbox,并从textfield中检索插入的值
但是,如果您正在寻找书面教程,这是使用JavaScript动态填充表单的很好参考createOption函数的最后一行应该是
myselect.options.add(objOption)代码>@Jamiec是的,这是正确的方法,谢谢添加mate@firestruq谢谢好先生,祝您编码愉快;d createOption函数的最后一行应该是myselect.options.add(objOption)代码>@Jamiec是的,这是正确的方法,谢谢添加mate@firestruq谢谢好先生,祝您编码愉快;D
<select id='myselect'></select>
<input type='text' value='' name='mytext' id='mytext' />
<button value='submit' id='mybtn' name='submit'>submit</button>
var myselect = document.getElementById('myselect');
function createOption(){
var currentText = document.getElementById('mytext').value;
var objOption = document.createElement("option");
objOption.text = currentText ;
objOption.value = currentText ;
//myselect.add(objOption);
myselect.options.add(objOption);
}
document.getElementById('mybtn').onclick = createOption;