jquery - 在单击时选择jQuery中的optgroup

<optgroup label="Food">

当您按此链接时我该怎么办

<a class='clickMe' id='Food'>Show </a>

它应选择<option>中的第一个optgroup，该标签具有optgroup标签“ Food”（取自链接中的'id'属性）

$('.clickMe').live('click', function(){
var label = $(this).attr('id');

// How can i select the first option from the optgroup label here?

});

也许有帮助的话，选择名称为=“ product [] [category]”

最佳答案

//bind a click event handler to any elements that have the `.clickMe` class
$('.clickMe').live('click', function(){

    //change the value of the select input to the first option in the optgroup that has a label that is equal to the id of the link clicked
    $('select').val($('optgroup[label="' + this.id + '"]').children('option:first').val());
});

这是此解决方案的jsfiddle：http://jsfiddle.net/jasper/LqmJG/

以下是上述魔术的快速分解：


$('optgroup[label="' + this.id + '"]')：选择标签组与单击的链接的ID匹配的选项组。
.children('option:first').val()：选择第一个选项（它是已选择的optgroup标记的子代）并获取其值。
上面的这两行均用于获取所选optgroup中第一个选项的值，然后使用该值设置<select>元素的值。

关于jquery - 在单击时选择jQuery中的optgroup，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8273806/