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

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

如果你有一个选项，那么你可以使用click事件 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); 
 

 
    }); 
 
    
 
} 
 
})

<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>