Javascript 如何使用两个选择框中的添加和删除按钮以及在数据库中提交

HTML:

javascript:

---

id选择器出现问题，请在HTML和jQuery中将select更改为，而不是select更改为[]

要在提交时获取选项值，请使用map

$document.readyfunction{ $'btn-add'。单击函数{ $“选择自选项：已选定”。每个函数{ $'select-to'。追加+$this.text+； $this.remove； }; }; $'btn-remove'。单击函数{ $“选择到选项：已选定”。每个函数{ $'select-from'.append+$this.text+； $this.remove； }; }; $“提交按钮”。单击函数{ var-toSelected=$'select-to-option'.mapfunction{ 返回$this.val； }.get.join'，'； console.logTO SELECTED:+toSelected； var fromSelected=$'select-from option'.mapfunction{ 返回$this.val； }.get.join'，'； console.logFROM SELECTED:+fromSelected； }; }; 项目1 项目2 项目3 项目4 提交 由于[和]是元字符，请使用\\对其进行转义

$('#select-to\\[\\]')

而不是

$('#select-to[]')

要使用任何元字符，如！$%&'*+，./：@[]^`{124;}~作为名称的文字部分，必须用两个反斜杠转义：\\

jQueryfunction${ $'btn-add'。单击函数{ $'select-from\\[\\]选项：selected'。每个函数{ $'select-to\\[\\]'。追加+$this.text+； $this.remove； }; }; $'btn-remove'。单击函数{ $'select-to\\[\\]选项：已选定。每个函数{ $'select-from\\[\\]'。追加+$this.text+； $this.remove； }; }; }; 项目1 项目2 项目3 项目4

---

在first select javascript代码中更正“id”是否可以添加函数/服务器端代码我无法在数据库中提交“selectto[]”值是否可以在添加或remove@nik是的，你可以。你需要详细说明。了解如何使用API如何在“添加和删除”按钮中传递id而不是名称

$('#submitButton').click(function(){
       var toSelected = $('#select-to option').map(function(){
          return $(this).val();
       }).get().join(',');
       console.log("TO SELECTED: "+ toSelected);

       var fromSelected = $('#select-from option').map(function(){
          return $(this).val();
       }).get().join(',');
       console.log("FROM SELECTED: "+ fromSelected);
});

$('#select-to\\[\\]')

$('#select-to[]')