如何从optgroup中查找值,然后查找选择的值选项添加属性

时间:2017-03-23 11:50:10

标签: javascript jquery

如何从optgroup中查找值,然后找到选择的值选项添加属性 HTML

    <select id="venue">
    <option value="0">select</option>
        <optgroup label="New England">
            <option value="1">&nbsp;NH</option>
            <option value="2">&nbsp;ME</option>
            <option value="3">&nbsp;VT</option>
            <option value="4">&nbsp;MA</option>   
            <option value="4">&nbsp;CT</option>   
            <option value="4">&nbsp;RI</option>
</optgroup>   
        <optgroup label="International">
            <option value="100">Canada</option>
            <option value="100">Texas</option>
            <option value="100">Mexico</option>
</optgroup>
    </select>

Jquery的     var Id =&#34; 1&#34;

  $('#venue').find('optgroup').each(function () {
        $(this).find('option').each(function () {
                        var $this = $(this);
                        if ($this.val() == Id) {
                            $this.attr('selected', 'selected');
                            return false;
                        }
                    });
             });

我们希望找到值1,哪个选项有1个值添加属性选择

1 个答案:

答案 0 :(得分:1)

为什么循环,如果你有数据指向它可以直接去?

$("#venue")
   .find("optgroup[label='New England']")
   .find("option[value=" + Id + "]")
   .attr("selected", true)