在一个框中只有一个选项,当我点击该选项时,如何获得选项的值?
问题描述:
我的选择数据来自数据库。这就是为什么“选择”可能有一个或多个“选项”。当选择有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>
答
如果你有一个选项,那么你可以使用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>