動態設置選擇選項的值

Question

這是我的代碼。 我正在嘗試從數據庫中設置 select 標記的值。 但它沒有按預期工作。 我的要求是 value='Auto' 然后應該選擇第 0 個索引，否則應該選擇第一個索引。 但它不會那樣發生。 有人能幫我嗎？

  <div class="form-group">
                            <label class="medium mb-1" for=""> Select Mode of Update </label>
                            <select class="form-control" name="avupdatemode" value="<%= data.updatemode %>" >
                                <option value="Auto" >Auto Update</option>
                                  <option value="Manual">Manual</option>
                                        </select> 
                          </div>
    <script> 
      var sel= document.getElementById('avupdatemode');
      if(document.getElementById('avupdatemode').value =='Auto'){
    sel.options.selectedIndex = 0;}
    else{
        sel.options.selectedIndex = 1;   
    }
    </script>

Answer 1

首先，您的選擇沒有id屬性。

第二個.value將從所選選項中獲取值，而不是從選擇中獲取value屬性。

所以我在選擇中添加了data-value="sAuto"然后完成了document.getElementById('avupdatemode').dataset.value == 'Auto'

演示

 var sel = document.getElementById('avupdatemode'); if (document.getElementById('avupdatemode').dataset.value == 'Auto') { sel.options.selectedIndex = 0; } else { sel.options.selectedIndex = 1; }

 <div class="form-group"> <label class="medium mb-1" for=""> Select Mode of Update </label> <select class="form-control" id="avupdatemode" name="avupdatemode" data-value="sAuto"> <option value="Auto">Auto Update</option> <option value="Manual">Manual</option> </select> </div>

Answer 2

我正在將數組中的后端數據發送到我的 ejs 頁面。 所以我嘗試了這個並且它有效：

var sos = <%- JSON.stringify(sos) %>;

我迭代了數組，並根據我為選擇選項設置索引的值。