Klick auf erste optgroup Option mit Jquery

Question

<select id="my-id"> 
 
    <option>Please select option...</option> 
 
    <optgroup label="aaa"> 
 
    <option>cccc</option> 
 
    </optgroup> 
 
</select>

standardmäßig wählen Sie im Dropdown-hat an ausgewählte "Bitte Option auswählen ..." Ich möchte von jquery auf cccc optgroup Option klicken. weil durch click event auf optgroup optioption ein ajax call da sein wird. also will klicken klick von jquery bitte helft mir hier!

Answer 1

Fügen Sie einfach "ausgewählt" zu Ihrer gewünschten Option hinzu.

<select id="my-id"> 
 
    <option>Please select option...</option> 
 
    <optgroup label="aaa"> 
 
    <option selected="selected">cccc</option> 
 
    </optgroup> 
 
</select>

Answer 2

Klingt wie Sie .trigger() implementieren möchten.

$("#my-id optgroup[label='aaa'] option:first").click(function(){console.log("i've been clicked");}); 
 
$("#my-id optgroup[label='aaa'] option:first").trigger("click");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select id="my-id"> 
 
    <option>Please select option...</option> 
 
    <optgroup label="aaa"> 
 
    <option>cccc</option> 
 
    </optgroup> 
 
</select>

Answer 3

Ich bin mir nicht ganz sicher, was Sie, fordern aber vielleicht wird folgendes helfen.

HTML:

<select id="my-id"> 
    <option>Please select option...</option> 
    <optgroup label="aaa"> 
    <option value="cccc">cccc</option> 
    </optgroup> 
</select> 

JS:

$(document).ready(function() { 
    $('#my-id optgroup[label="aaa"] option[value="cccc"]').prop('selected', true); 
}); 

Fiddle: https://jsfiddle.net/grw67znh/