Question

<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?

});

如果有帮助，可以选择name =“product [] [category]”

Answer 1

//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());
});

以下是此解决方案的一个方面：http://jsfiddle.net/jasper/LqmJG/

这是上面魔术的快速细分：

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

Answer 2

尝试 -

var opt = $("select > optgroup[label=Food] > option:first");

单击选择jQuery中的optgroup

2 个答案: