在我的应用程序 UI 中,我有以下字段:显示日期的日期选择器、小时下拉列表、分钟下拉列表和上午/下午下拉列表。
ViewModel 正在返回一个日期时间值,我根据该值设置下拉列表:
function setSelectedIndex(s, valsearch) {
// Loop through all the items in drop down list
for (i = 0; i < s.options.length; i++) {
if (s.options[i].value == valsearch) {
// Item is found. Set its property and exit
s.options[i].selected = true;
break;
}
}
return;
}
setSelectedIndex($("#ScheduledHour"), '<%= Model.Scheduled.Value.Hour %>');
setSelectedIndex($("#ScheduledMinute"), '<%= Model.Scheduled.Value.Minute %>');
这是标记:
<select id="ScheduledHour" name="ScheduledHour" >
<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>
Model.Scheduled.Value.Hour 和 Model.Scheduled.Value.Minute 返回正确的值,但它们未在 UI 上设置。关于我可能遗漏的内容有什么建议吗?
最佳答案
试试这个:
$("#ScheduledHour").val("<%= Model.Scheduled.Value.Hour %>");
$("#ScheduledMinute ").val("<%= Model.Scheduled.Value.Minute %>");
jQuery:
.val(值)
描述:设置匹配元素集合中每个元素的值。
value: A string of text or an array of strings corresponding to the value of each matched element to set as selected/checked.
.val()
描述:获取匹配元素集合中第一个元素的当前值。
关于javascript - 预选 UI 上的下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11506896/