在页面加载选择选项jquery如用户行为(实时更改事件火灾)

时间:2017-03-18 08:49:55

标签: javascript jquery

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

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

2 个答案:

答案 0 :(得分:1)

您正在触发所选选项而不是选择 - 也请使用prop

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



$(function() {
  $(".configure_supre_select_1").on("change", function() {
    $(".optdiv").hide();
    var val = this.value;
    if (val) {
      $("#" + val.replace("OptionValue", "")).show();
    }
  });
  $(".configure_supre_select_1").val("firstOptionValue").change();
  
  $(".configure_supre_select_2 option:eq(1)").prop('selected',true);
  $(".configure_supre_select_2").trigger('change');
  
});

.optdiv {
  display: none
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select class="configure_supre_select_1">
  <option value="">Please select</option>
  <option value="firstOptionValue">First</option>
  <option value="secondOptionValue">Second</option>
</select>
<div class="optdiv" id="first">First is selected</div>
<div class="optdiv" id="second">Second is selected</div>
<hr />

Here I use your version <br/>

<select class="configure_supre_select_2">
  <option value="">Please select</option>
  <option value="firstOptionValue">First</option>
  <option value="secondOptionValue">Second</option>
</select>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

为了实时点击jquery我添加了下面的代码。它使用&#34; Event&#34;。

对于页面加载时的更改选择选项,我使用以下代码:

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