文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>JQuery 操作Select

JQuery 操作Select

时间:2011-05-10  来源:MITB、逸

前提:Select的Id为"selTest"

重置所有:

Select变更触发事件:

$("#selTest").change(function(){alert("选中值变更,事件触发了。");});

获取Select:

获取Select选中的text:

$("#selTest").find("option:selected").text();

获取Select选中的val:

$("#selTest").val()

获取Select选中的index:

$("#selTest").get(0).selectedIndex

设置Select:

备注:都是已知什么选中什么,如果已知项多了,选择的方法就有很多,这里就不一一列举了。

设置Select选中的text:

var length=$("#selTest option").length;
for(var i=0;i<length;i++)
{
        if(selObj.get(0).options[i].text=="春天")
        {
                selObj.get(0).options[i].selected=true;
                break;
        }
}

设置Select选中的val:

$("#selTest").val("summer");
或者:$("#selTest").attr("value","summer");
或者:$("#selTest").get(0).value="summer";

设置Select选中的index:

$("#selTest").get(0).selectedIndex=3;
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载