在一個框中只有一個選項，當我點擊該選項時，如何獲得選項的值？

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>