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>');
}