javascript - JQuery 在 Opt 组中设置选项

Question

我正在尝试弄清楚如何使用 JQuery 在 optgroup 内部设置一个选项，但我似乎无法弄清楚。

我在页面上有一个隐藏字段，其中包含以下值 4-2014。准备就绪后，我想读取隐藏值并设置所选选项。

html:

<select name="dropdownlist" id="dropdownlist">
<option value="All">All</option>
<optgroup label="2013" id="2013">
    <option value="7">July</option>
    <option value="4">April</option>
</optgroup>
<optgroup label="2014" id="2014">
    <option value="4">April</option>
    <option value="3">March</option>
</optgroup>

J查询:

  $(document).ready(function() {
 //set the dropdown selected item.
 var varDropdownvalue = $("input[id$=Dropdownvalue]").val();
 var monthyear = varDropdownvalue.split('-');
 $('#dropdownlist #'+monthyear[1]+' option[value='+monthyear[0]+']').prop("selected", true);
      $('#dropdownlist').change(function () {      
          //get the optgroup label and value of selected option.
          var label = $(this.options[this.selectedIndex]).closest('optgroup').prop('label');
          var value = $(this).find("option:selected").val();
  alert(value+'-'+label);
    });
});

这是一个 fiddle :jsfiddle

Answer 1

尝试

$('#dropdownlist').val(monthyear[0]).change();

http://jsfiddle.net/LPAFD/1/