javascript - HTML 在不提交数据的情况下从输入填充选择菜单？

Question

我在 HTML 中创建了一个包含输入框和选择框组合的输入表单。我想用输入框中的数据动态填充一个选择菜单 - 例如:

员工一:吉姆员工二:约翰员工三:Bob

然后这将填充一个选择菜单，其中包含 Jim、John 和 Bob 作为选项。

我试图避免必须先提交输入数据，因为我真的很想将所有输入都放在一页上。我将所有数据提交到 MySQL 数据库，所以最坏的情况是我可以分段提交并读回，但如果有任何即时执行的建议，我将不胜感激。

感谢您的帮助。

布莱尔

Answer 1

也许是这样的？

HTML:

<input id="employee_name" type="text" placeholder="Type here the Employee name"/>
<input id="add_employee" type="button" value="add"/>

<select id="employee_list">
</select>

Jquery:

$('#add_employee').click(addEmployee);

function addEmployee(){
    var employee_name = $('#employee_name').val();
    $('#employee_list').append('<option  value='+employee_name+'>'+employee_name+'</option>');
}