如何用jquery判断选择的select是最后一个
<select name="select2" id="search_time" onChange="show()">
<option selected>今天</option>
<option>昨天</option>
<option>本周</option>
<option>上周</option>
<option>最近7天</option>
<option>上周</option>
<option>本月</option>
<option>上月</option>
<option>自定义</option>
</select>
如何用jquery判断选择的option是最后一个,如选择的是最后一个option就alert('选择的是最后一个');
最后一个value 和 key 都不固定,所以只能用索引来判断了 展开
思路:判断select的值是否与最后一个option的值一致即可,示例代码:
$("select").val() == $("select option:last").val()
$("select").val() 获取select的选中值
$("select option:last") 获取最后一个option选项
实例演示如下:
1、HTML结构
<select id="test">
<option value="1">option-1</option>
<option value="2">option-2</option>
<option value="3">option-3</option>
</select>
<input type="button" value="提交">
2、jquery代码
$(function(){
$(":button").click(function() {
if($("#test").val() == $("#test option:last").val())
alert("The last one is selected.")
});
});
3、效果演示
思路:判断select的值是否与最后一个option的值一致即可,示例代码:
$("select").val()
==
$("select
option:last").val()
$("select").val()
获取select的选中值
$("select
option:last")
获取最后一个option选项
实例演示如下:
1、HTML结构
<select
id="test">
<option
value="1">option-1</option>
<option
value="2">option-2</option>
<option
value="3">option-3</option>
</select>
<input
type="button"
value="提交">
2、jquery代码
$(function(){
$(":button").click(function()
{
if($("#test").val()
==
$("#test
option:last").val())
alert("The
last
one
is
selected.")
});
});
3、效果演示
function show() {
alert($("#search_time > option:last").val() == $("#search_time").val());
}
<option selected value="1">今天</option>
<option>昨天</option>
<option>本周</option>
<option>上周</option>
<option>最近7天</option>
<option>上周</option>
<option>本月</option>
<option>上月</option>
<option value="20">>自定义</option>
</select>
注意在 option 里加上 value 值,
判断:
function show(){
var result =$("#search_time").val();
if(result =="20") alert( "此选择 为 自定义");// 主要 用 接收 的value 值来判断;
}