javascript - 一个框中只有一个选项，点击该选项时如何获取该选项的值？

Question

我的选项数据来自数据库。这就是为什么“选择”可能有一个或多个“选项”。当选择有 2 个选项时，“更改”事件正在起作用。没关系。但是，当只有一个选项更改(也是单击和焦点)时，事件不起作用。当我点击选项时如何获取选项的值？

$("#box").change(function(){
  var selected=$("#box option:selected").val();
alert(selected);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="box">
  <option value"1">1</option>
  <option value"2">2</option>
</select>

$("#box").change(function(){
  var selected=$("#box option:selected").val();
alert(selected);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="box">
  <option value"1">1</option>
</select>

Answer 1

如果你有一个选择，那么你可以使用jquery的click事件而不是change事件

$(document).ready(function(){
 
if($("#box option").length>1){
  $("#box").change(function(){
    var selected=$("#box option:selected").val();
    alert(selected);

  });
}else{
  $("#box").click(function(){
    var selected=$("#box option:selected").val();
    alert(selected);

  });
   
}
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="box">
  <option value"1">1</option>
  <option value"2">2</option>
</select>