javascript - 预选下拉值

Question

我的网页上有一个长达数小时的下拉菜单。后端以 int 形式返回值。例如:“时间”:12。

以下代码不会将值预设为 12。但是，如果我将 BE 值从 12 更改为“12”，它就可以工作。

我应该如何让它发挥作用？我尝试改变<option value="1">1 </option> to <option value=1>1 </option>但这也不起作用。

<li class="align" >                
 <select id="TimeHours" name="TimeHours" 
       style="width:60px" data-value="{{this.TimeHours}}">                    
       <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>
       <option value="7">7 </option>
       <option value="8">8 </option>
       <option value="9">9 </option>
       <option value="10">10 </option>
       <option value="11">11 </option>
       <option value="12">12 </option>                       
  </select></li>

Answer 1

$(function(){
  var select = $("#TimeHours");
  select.val(select.attr("data-value"));
});

使用 .attr() 返回一个字符串，而不是 .data() 将值转换为类型。