Javascript 在页面加载时，选择类似jquery的用户行为选项（实时更改事件火灾）

我想在页面加载时自动选择选择框选项。这是我不工作的代码

jQuery(document).ready(function(){
  jQuery(".configure_supre_select_1 option:eq(1)")
    .attr('selected',true)
    .trigger('change');
});

---

您触发的是选定选项，而不是选择-也使用道具

$(function(){
  $(".configure_supre_select_1 option:eq(1)").prop('selected',true);
  $(".configure_supre_select_1").trigger('change');
});

或者设置该值

$(function(){
  $(".configure_supre_select_1").val("firstOptionValue").change();         
});

$（函数（）{
$（“.configure_super_select_1”）。打开（“更改”，函数（）{
$（“.optdiv”）.hide（）；
var val=该值；
if（val）{
$（“#”+val.replace（“OptionValue”，即“）.show（）；
}
});
$（“.configure_super_select_1”）.val（“firstOptionValue”）.change（）；
$（“.configure_super_select_2 option:eq（1）”）.prop（'selected'，true）；
$（“.configure_super_select_2”）.trigger（'change'）；
});
.optdiv{
显示：无
}

请选择
弗斯特
第二
第一个被选中
第二个被选中

这里我使用您的版本

请选择
弗斯特
第二
对于通过jquery进行实时点击，我在下面添加了代码。它使用了“事件”

对于页面加载上的更改选择选项，我使用以下代码：

jQuery(".configure_supre_select_1").val(jQuery(".configure_supre_select_1 option:eq(1)").val()).change();

然后实时更改我使用的以下代码：

var dropdown = $("SelectAttributeId"); // Id of select box
var element = dropdown;
var event = 'change';
var evt = document.createEvent("HTMLEvents");
evt.initEvent(event, true, true );
return !element.dispatchEvent(evt);

“它不起作用”并没有多大帮助。有控制台错误吗？你加载jQuery了吗？你打字打错了吗？我是否输入错误？@ChiragRajput“不工作”不是有效的问题描述。加载页面时没有任何控制台错误。我还使用了“jquery-1.11.3.min.js”jquery（.configure\u super\u select\u 1 option:eq（1））.prop（'selected'，true）；jQuery（“.configure\u super\u select\u 1”）.trigger（'change'）；这不适用于页面加载。当我尝试通过控制台运行它时，它会工作。请参见示例