Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/468.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript中将文本字段中的文本添加到selectbox?_Javascript_Html - Fatal编程技术网

在javascript中将文本字段中的文本添加到selectbox?

在javascript中将文本字段中的文本添加到selectbox?,javascript,html,Javascript,Html,有人能指出关于使用javascript将文本(按用户)从textfield添加到选择列表(单击按钮后)的好教程吗 感谢下面是一个简单的示例,展示了如何使用JavaScript和文本字段的输入动态地将选项添加到选择标记: HTML: 基本上,HTML中有一个文本字段、一个按钮和一个选择框。submit按钮附带一个调用createOption函数的onclick事件。createOption函数基本上创建一个选项元素,并将其添加到选择框中,选项文本和值等于文本字段中的文本。使用document.ge

有人能指出关于使用javascript将文本(按用户)从textfield添加到选择列表(单击按钮后)的好教程吗

感谢

下面是一个简单的示例,展示了如何使用JavaScript和文本字段的输入动态地将选项添加到选择标记:

HTML:

基本上,HTML中有一个文本字段、一个按钮和一个选择框。submit按钮附带一个调用createOption函数的onclick事件。createOption函数基本上创建一个选项元素,并将其添加到选择框中,选项文本和值等于文本字段中的文本。使用
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;