Javascript 如何使用jquery将新项目动态添加到此表单中的下拉列表？ $（文档）.ready（函数（）{ var元素； $（“.form元素”）.on（“mousedown”，函数（事件）{ 元素=$（'Select…addnew…Machine 3 Machine 4'）； $（“#body div”）。追加（元素）； }); });

列表中的项目目前仅用于测试。但我需要能够点击添加新选项并添加新列表项

看起来您正试图动态添加整个表单，但您只需要向表单的

选择部分添加额外的
选项
元素

要执行此操作，请添加此HTML

HTML

添加到下拉列表
选择。。。
机器1
机器2

然后使用函数动态添加一个select元素

jQuery
$（文档）.ready（函数（）{
$（“#新建项”）。单击（函数（）{
log（$（'#要添加的文本'）.val（））；
$（'select'）.append（'+$（'#要添加的文本'）.val（）；
});
});
首先为select标记和选项标记添加一个新id，其值为“new option”

element=$（'
选择。。。
添加新的。。。
');

现在我假设你已经有了该选项的值和文本的值，让它们分别为x和y；
现在，将onClick处理程序添加到#new以使用值为x和文本为y的新选项追加#sel：

element = $('<form>
<select name="dropdown" 
id="sel"><option>Select...</option>
<option value=
"new-dropdown"id="anew">add new...
</option></select></form>');

z=$（''+y+''）；
$（“#重新”）.onClick（function（）{
$（“#sel”）。追加（z）；
});

希望它能解决您的问题
请向您展示html或小提琴。谢谢您的帮助！我感谢你的专业知识。我会投票，但我还没有代表。没问题，很乐意帮忙！
<input id="text-to-add" type="text" value="Machine 3">
<button id="new-item">Add to dropdown</button>
 <form>
     <select name="dropdown">
         <option>Select...</option>
         <option>Machine 1</option>
         <option>Machine 2</option>
     </select>
</form>

$(document).ready(function () {
    $('#new-item').click(function() {
        console.log($('#text-to-add').val());
        $('select').append( '<option>' + $('#text-to-add').val() + '</option>' );
    });
});

element = $('<form>
<select name="dropdown" 
id="sel"><option>Select...</option>
<option value=
"new-dropdown"id="anew">add new...
</option></select></form>');

z=$('<option value="'+x+'">'+y+'</option>');

$("#anew").onClick(function(){
$("#sel").append(z);
});