Question

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

默认选择下拉列表已选择“请选择选项...” 我想点击jquery的cccc optgroup选项。因为通过在optgroup optioption上执行click事件，将会有一个ajax调用。所以想点击jquery点击请帮帮我吧！

Answer 1

只需将“已选择”添加到所需选项中即可。

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

Answer 2

听起来好像要实施.trigger()。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

我不确定你要求的是什么，但也许以下内容会有所帮助。

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/

使用jquery单击第一个optgroup选项

3 个答案: