我的选项数据来自数据库。这就是为什么“选择”可能有一个或多个“选项”。当选择有 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>
最佳答案
如果你有一个选择,那么你可以使用jquery的click事件而不是change事件
$(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>
关于javascript - 一个框中只有一个选项,点击该选项时如何获取该选项的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31362498/