html单选框数据移动到另一个,在javascript中将条目从一个选择项移动到另一个选项...

第一个列表框是根据文本框中键入的内容从数据库填充的。项目应该从一个列表框移动到另一个列表框，具体取决于按下哪个按钮。

然而，目前一旦这样做，那么这两个列表似乎被清除。

任何人都可以看到为什么是这种情况。

以下是JavaScript

$('#txtMRN').keyup(function() {

var s = $('#txtMRN').val();

var l = s.length;

var lst = document.getElementById('lstMRN');

if (l > 4)

{

$.ajax({

url: "http://localhost:52238/PatientsGetLike.ashx?MRN=" + s,

success: function (result) {

lst.innerHTML = '';

$.each(result, function (i, v) {

var newOption = document.createElement('option');

newOption.text = v.nhs_patientid + ' - ' + v.nhs_surname + ', ' + v.nhs_firstname;

newOption.setAttribute('value', v.nhs_patientid);

newOption.className = 'mdl-list__item';

lst.add(newOption);

});

componentHandler.upgradeDom(lst);

}

});

}

});

$('#btnSelect').click(function() {

var el1 = document.getElementById('lstMRN');

var el2 = document.getElementById('lstMRNSelected');

$('#lstMRN :selected').each(function (i, selected) {

var opt = document.createElement('option');

opt.value = selected.value;

opt.text = selected.text;

opt.className = 'mdl-list__item';

el2.add(opt);

// selected.remove();

});

});

和页面

EPR Document Sweep

EPR Document Sweep

search

link

Intranet

Document Sweep

Add MRNs

Log

MRN

>

<

+1

尝试删除空间'#lstMRN：试过了selected' –

+0

- 删除空间和循环根本不会执行。 –

+0

我忘了一件事：'#lstMRN选项：选择'..您搜索'option's标记而不是select。 –