一个框中只有一个选项,当我点击该选项时如何获得选项的值?

时间:2015-07-11 22:33:34

标签: javascript jquery html

我的选项数据来自数据库。这就是为什么"选择"可能有一个或多个"选项"。当选择有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>
&#13;
&#13;
&#13;

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

});
&#13;
<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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

如果您有一个选项,那么您可以使用jquery的点击事件而不是更改事件

&#13;
&#13;
$(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);

  });
   
}
})
&#13;
<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>
&#13;
&#13;
&#13;