我的选项数据来自数据库。这就是为什么"选择"可能有一个或多个"选项"。当选择有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;
$("#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;
答案 0 :(得分:1)
如果您有一个选项,那么您可以使用jquery的点击事件而不是更改事件
$(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;