我有一个带有两个选择字段的表单。第一个选择字段将列出项目,第二个选择字段将开始为空,但通过从第一个选择字段中选择一个项目并按添加按钮来填充。您也可以这样做。您可以从第二个选择字段中选择一个项目,然后单击“删除”将其添加回第一个选择字段。最后,我希望第二个选择字段的所有值都位于以逗号分隔的隐藏表单框中。
我过去曾遇到过使用 javascript 的示例,但现在我需要它们,但似乎找不到它们。有谁知道任何来源可以告诉我如何完成这样的事情?起初,我想使用 ajax 来完成它,但我宁愿在不加载另一个页面的情况下完成它。任何帮助我指明正确方向的帮助将不胜感激!提前致谢!
<form name="SelectItem">
<select name="SelectItem">
<option value="item1">Item 1</option>
<option value="item2">Item 2</option>
<option value="item3">Item 3</option>
</select>
<button>Add =></button>
<button><= Remove</button>
<select name="SelectedItems">
<option value=""></option>
</select>
</form>
最佳答案
你可以使用 jquery append()
来做到这一点:
$(document).ready(function(){
$('.add').click(function(){
$('#select1').find('option:selected').appendTo('#select2');
});
$('.remove').click(function(){
$('#select2').find('option:selected').appendTo('#select1');
});
});
关于javascript - 从第一个选择框中选择项目以填充第二个选择框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59669265/