Jquery选择按值选择

Question

我想添加一个选中的,如果我的Model.StartYear与选项的值相同.

我的选择:

<select name="year" class="form-control holidaySelect">
                <option value="2015">2015/2016</option>
                <option value="2016">2016/2017</option>
                <option value="2017">2017/2018</option>
                <option value="2018">2018/2019</option>
                <option value="2019">2019/2020</option>
            </select>

我的jquery:

<script type="text/javascript">
$(document).ready(function () {
    var num = @Model.StartYear;
    $(".holidaySelect option").each(function () {
        if ($(this).val() == num) { // EDITED THIS LINE
            $(this).attr("selected", "selected");
        }
    });
});

Model.StartYear包含选项的选定值.所以这应该与选项匹配.

似乎无法让它正常工作.

Answer 1

你可以直接使用 .val(value)

$(document).ready(function () {
    $(".holidaySelect").val(@Model.StartYear)
});

jQuery(document).ready(function () {
    $(".holidaySelect").val(2018)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="year" class="form-control holidaySelect">
  <option value="2015">2015/2016</option>
  <option value="2016">2016/2017</option>
  <option value="2017">2017/2018</option>
  <option value="2018">2018/2019</option>
  <option value="2019">2019/2020</option>
</select>