Bootstrap双列表框和单选在警报中使用jquery中的添加/删除/关闭选项获取值

你能不能请任何人帮我解决这个问题。

Bootstrap具有双列表框选项，仅具有单/多选。

我需要单一选择的双列表框。

说明：

例如：

我有双列表框， 左列表框有5个选项。 我需要单选。（即）如果我在左侧列表框中选择单个选项，它会显示弹出（警报）并提取相应的字段值，弹出窗口也有添加或取消按钮来添加/取消值。点击后在弹出窗口中添加选项，它将被添加到右侧列表框中。

如果我在右侧列表框中选择该选项，则再次显示弹出（警报）并获取相应的字段值，并且弹出窗口还有删除或取消按钮以删除/取消右侧列表框中的值。

请任何一个人解决这个问题，

谢谢，

Answer 1

//Html  1 2 3 4   //This is the JS //On change of the first select $('#sel1').on('change', function (e) { e.preventDefault(); var selVal = $(this).val(); var selHtml = $(this).find('option:selected').text(); moveItem('#sel1', '#sel2', selVal, selHtml);//call our function }); //On change of the second select $('#sel2').on('change', function (e) { e.preventDefault(); var selVal = $(this).val(); var selHtml = $(this).find('option:selected').text(); moveItem('#sel2', '#sel1', selVal, selHtml);//call our function }); //Move function take 4 parameters function moveItem(moveFrom, moveTo, selVal, selHtml) { if (confirm("Are you sure? : " + selVal)) {//Confirm dialogue box comes up and on selecting 'ok' this part will be executed $(moveTo).append('' + selHtml + '');//append a value to select var mId = moveFrom + ' option[value="' + selVal + '"]'; $(mId).remove();//remove value from the other select } return false; }