我添加multiple到我的下拉串列中。但是，當我通過 Javascript 檢查值時alert，它只顯示我選擇的第一個值。
<label class="control-label col-sm-4" for="affectedwaferid" style="margin-left: 1px;">Affected Wafer ID :</label>
<div class="col-sm-4">
<p class="form-control-static" style="margin-top: -6px;">
<select class="form-control" id="affectedwaferid" name="affectedwaferid" multiple>
<option value="" selected > Select Quantity</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</p>
</div>
下面是Javascript。
var affectedwaferid = document.translot.affectedwaferid.value;
uj5u.com熱心網友回復：
正如我在評論中發布的那樣，為了獲得多個選定的值，您需要selectedOptions使用
function showSelected(){
var options = document.getElementById('affectedwaferid').selectedOptions;
var values = Array.from(options).map(({ value }) => value);
document.getElementById("selected-result").innerHTML = values;
}<label class="control-label col-sm-4" for="affectedwaferid" style="margin-left: 1px;">Affected Wafer ID :
<span id="selected-result"></span>
</label>
<div class="col-sm-4">
<p class="form-control-static" style="margin-top: -6px;">
<select class="form-control" id="affectedwaferid" name="affectedwaferid" multiple onchange="showSelected()">
<option value="" selected > Select Quantity</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</p>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/532770.html
下一篇：用戶離開頁面時呼叫函式