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

HTML populate select menu from input without submitting data?

本文关键字：提交 数据 菜单 选择 输入 填充 HTML      更新时间：2023-09-26

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

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

然后用Jim、John和Bob作为选项填充一个选择菜单。

我试图避免必须首先提交输入数据，因为我真的很想在一页上所有的输入。我将所有数据提交到MySQL数据库，所以最坏的情况下，我可以分段提交并阅读它，但如果有任何建议可以在飞行中完成它，我将不胜感激。

谢谢你的帮助。

布莱尔

也许是这样的?

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>');
}
相关文章：