HTML从输入中填充选择菜单而不提交数据？

Question

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

员工一：吉姆 员工二：约翰 员工三：鲍勃

然后，这将填充选择菜单，其中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>');
}