javascript - 将文本字段中的文本添加到 JavaScript 中的选择框中？

Question

已结束。此问题正在寻求书籍、工具、软件库等的推荐。它不满足 Stack Overflow guidelines 。目前不接受答案。

---

我们不允许提出寻求书籍、工具、软件库等推荐的问题。您可以编辑问题，以便用事实和引文来回答。

已关闭 8 年前。

Improve this question

任何人都可以指出有关使用 JavaScript 将文本(由用户)从文本字段添加到选择列表(单击按钮后)的好教程吗？

谢谢

Answer 1

这是一个简单的 jsfiddle该图展示了如何使用 JavaScript 以及来自文本字段的输入动态地将选项添加到选择标记:

HTML:

<select id='myselect'></select>
<input type='text' value='' name='mytext' id='mytext' />
<button value='submit' id='mybtn' name='submit'>submit</button>

JavaScript:

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;

基本上，HTML 中有一个文本字段、一个按钮和一个选择框。提交按钮附加了一个调用 createOption 函数的 onclick 事件。 createOption 函数基本上创建一个选项元素并将其添加到选择框中，其中选项文本和值等于文本字段中的文本。使用 document.getElementsById 我们能够将新创建的元素注入(inject)选择框并从文本字段中检索插入的值。

但是，如果您正在寻找书面教程，那么这是使用 JavaScript 动态填充表单的一个很好的引用 Creating a Form Dynamically