你能请谁能帮助我如何解决这个问题。
引导具有单/多双列表框选项只选择。
我需要一个选择双列表框。
说明:
例如:
我有双重列表框,列表框左侧有5个选项。我需要一个选择。(即)如果我选择左侧列表框中的一个选项,它显示弹出式窗口(警告)与获取相应的字段值,并在弹出已添加或删除按钮,添加/取消values.After点击添加在弹出的它会在右侧的列表框中添加选项。
如果我选择在右侧列表框中的选项,它再次显示弹出式窗口(警告)与获取相应的字段值,并弹出有删除或取消按钮,删除/在右边列表框中取消该值。
请任何人给解决这个问题,
谢谢,
//Html
<select id="sel1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select id="sel2"></select>
//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('<option value="' + selVal + '">' + selHtml + '</option>');//append a value to select
var mId = moveFrom + ' option[value="' + selVal + '"]';
$(mId).remove();//remove value from the other select
}
return false;
}