我有一個下拉串列和一個串列組框。在下拉更改事件中，我需要洗掉所有專案并添加新專案。
下面是串列組框
<select style="max-height: 30vh; min-height: 30vh; width: 100%; border: 0;"
multiple="multiple"
class="list-group list-group-available-items overflow-auto">
@foreach (var listGroupOption in Model.OrderItems ?? new List<SelectListItem>())
{
<option value="@listGroupOption.Value" class="list-group-item">
@listGroupOption.Text
</option>
}
</select>
這是我對 JavaScript 的嘗試
$('#ddlRegion').change(function (e) {
$(".list - group - available - items")
.find('option')
.remove();
});
uj5u.com熱心網友回復：
在簡單的洗掉中，我們可以嘗試使用empty所有選項
$(".list-group-available-items").empty();
或remove按選項使用，例如
$(".list-group-available-items option").remove();
如果我們需要在洗掉所有選項后添加新選項，我們可以嘗試使用append
$(".list-group-available-items option").remove();
$(".list-group-available-items").append($('<option>', {
value: 'newOption',
text : 'newOption'
}));<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="list-group-available-items">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3">option3</option>
</select>uj5u.com熱心網友回復：
您需要先使用 .empty() 清空現有串列，然后使用 append() 附加新選項：
const myButton = document.getElementById('btn');
myButton.addEventListener('click', function(){
$(".list-group-available-items").empty();
$(".list-group-available-items").append('<option value="newval1">New Item 1</option>');
$(".list-group-available-items").append('<option value="newval2">New Item 2</option>');
$(".list-group-available-items").append('<option value="newval3">New Item 3</option>');
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/465762.html
標籤：javascript C＃ 推特引导 asp.net 核心