javascript - 单击 Select 标记上的页面加载事件

Question

我有一个带有 4 个选项的选择标签。我想在页面加载时点击一个特定的选项，并且由于点击事件应该调用一个方法。这是我到目前为止所尝试的:

HTML

<select>
  <option >Select an option...</option>
  <option >Option 1</option>
  <option >Option 2</option>
  <option >Option 3</option>
  <option id="lop"  onclick="myFunction()">Option 4</option>
</select>

查询

$(document).ready(function(){
  $("#lop").trigger("click");
    
  function myFunction(){
    alert("hi");
  }
});
 

JsFiddle

Answer 1

你可以试试:

$(document).ready(function(){

    	var opt = $("#a").val();
      if (opt == 4) {
      	myFunction();
      }
    
   function myFunction(){
   alert("hi");
   }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option value=''>Select an option...</option>
  <option value=1>Option 1</option>
  <option value=2 >Option 2</option>
  <option value=3>Option 3</option>
  <option id="a" value=4>Option 4</option>
</select>