2017-03-24 46 views
-1

點擊jQuery的

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

默認選擇下拉菜單選擇了「請選擇選項...」 我想點擊從jQuery的CCCC OPTGROUP選項。 ,因爲通過在optgroup optioption上執行單擊事件,一個ajax調用將會在那裏。所以想要點擊jquery請在這裏幫助我!

+0

目前還不清楚你問什麼,或者你想達到的目標。您可以通過添加'selected'屬性來設置默認選項。 –

+0

嘿,你能幫我嗎? – Progi1990

+0

你已經有了幾個答案。你需要什麼進一步的幫助? –

回答

1

只需添加「選擇」到你想要的選項。

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

+0

嘿,你能幫我嗎? – Progi1990

0

聽起來像是你想實現.trigger()

$("#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>

+0

嘿,我已經使用jQuery的 ( 「#我-ID OPTGROUP選項:一是」)觸發( 「點擊」)。 但沒有任何事情發生.....我想單擊那個optgroup選項就像我們手動....是可能的嗎? – Progi1990

+0

嘿,你能幫我嗎? – Progi1990

+1

我相信這是你畢竟需要的。爲什麼你不嘗試它,然後在所有答案中發送同樣的評論? – amenadiel

0

我不能完全肯定你要問什麼,但也許下面將幫助。

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

小提琴:https://jsfiddle.net/grw67znh/

+0

感謝您的回覆....但不執行Click事件:( 這一下就入選下拉。 正是我想要點擊的事件,我們做手工! – Progi1990

+0

對不起這段代碼並沒有幫助,但我「M不明白你問什麼。 – RobertFrenette

+0

上選擇手動點擊後會調用Ajax調用....但做選擇真或選擇=‘選擇’只是設置選項到下拉.....我想使用jQuery .... – Progi1990