javascript - 下拉值在满足条件时重置为第一个值

Question

在下面的代码中，如果当前下拉值指向 listvalues 变量中可用的值，则下拉选择的值应更改为第一个值。

   if (selectedForYear() == 2016) {
         var d = new Date();
         var month = d.getMonth();
         month = month + 3;
         while (month <= 13) {
             $('#dk_container_selectForMonth .dk_options li:nth-child(' + month + ')').css({ "display": 'none' });
             var listvalues = $('#dk_container_selectForMonth .dk_options li:nth-child(' + month + ')').text();
             if ($('#dk_container_selectForMonth .dk_options li.dk_option_current a').text() == listvalues) 
            {

                 $("#dk_container_selectForMonth").val($("#dk_container_selectForMonth li:first").val());

              }
             month++;
         }
     }

我试过这个:

$("#dk_container_selectForMonth").val($("#dk_container_selectForMonth li:first").val());

但它不起作用。

这是 HTML:

<div class="flexContainer mediumGutter">

    <div class="flexContent">
        <select data-bind="options: month, optionsCaption: 'Month', value: selectedForMonth" id="selectForMonth" tabindex="8" style="width: 130px">
            <option>month</option>
        </select>
    </div>
    <div class="flexContent">
        <select data-bind="options: year, optionsCaption: 'Year', value: selectedForYear" id="selectForYear" tabindex="9" style="width: 130px">
            <option>year</option>
        </select>
    </div>

有什么办法吗？

Answer 1

很抱歉回答我的问题。答案可能对某人有帮助。

通过使用 jquery dropkick() 方法刷新下拉菜单，下拉菜单得到刷新并分配第一个值。

$('#selectForMonth').dropkick('refresh');