javascript - 选择标签上的页面加载点击事件

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>

jQuery

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

提琴手

标签： javascriptjqueryhtml

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>