我在複選框中選中的值應該出現在下拉列表中。如何從<select>下拉列表中刪除現有的<option>?
每次我選擇一個新值時,應該從下拉列表中清除以前的值,並且只應顯示新的選定值。
但是現在,新值將與先前的值一起顯示。
下面是我目前的代碼。
HTML:
<html>
<body>
<select id="select-client" name="client">
<option value="-1">-select-</option>
</select>
</body>
</html>
的JavaScript:
<script>
$(document).ready(function() {
var selectedKnowledgeBaseArray = [];
$("#clientuser").on('click', function() {
$("input[type=checkbox]:checked").each(function() {
alert($(this).val());
selectedKnowledgeBaseArray.push($(this).val());
});
$.ajax({
method: "POST",
url: "client_user_map.json",
processData: true,
data: {
selectedKnowledgeBaseArray: selectedKnowledgeBaseArray
},
traditional: true,
dataType: "json",
success: function(data) {
$("#clntusrmap").show();
$('#clntusrmap').find('input:text').val('');
$('input:checkbox').removeAttr('checked');
buildSortedData(data);
}
});
function buildSortedData(data) {
if (data[0].length > 0) {
var select = document.getElementById("select-client");
for (var i = 0; i < data[0].length; i++) {
var option = document.createElement('option');
option.text = option.value = data[0][i];
console.log(data[0][i]);
select.add(option, i + 1);
$('.deleteMeetingClose').on("click", function() {
var select = document.getElementById("select-client");
$('select').empty();
});
}
}
}
});
});
</script>
HTML代碼:<選擇的id = 「選擇客戶」 NAME = 「客戶端」> <選項value =「 - 1」> - select- –
嘗試$('select')。html('');而不是$('select')。empty(); – rahulsm
請添加相關的HTML代碼。 –