jquery select操作代码

这里包括jquery获取 select项的个数 ,索引  前选中项的文本 选中项的值 text的第一项被选中  删除select中选定的项 等操作。

//得到select项的个数
jquery.fn.size = function(){
return jquery(this).get(0).options.length;
}

//获得选中项的索引
jquery.fn.getselectedindex = function(){
return jquery(this).get(0).selectedindex;
}

//获得当前选中项的文本
jquery.fn.getselectedtext = function(){
if(this.size() == 0) return "下拉框中无选项";
else{
var index = this.getselectedindex();
return jquery(this).get(0).options[index].text;
}
}

//获得当前选中项的值
jquery.fn.getselectedvalue = function(){
if(this.size() == 0)
return "下拉框中无选中值";

else
return jquery(this).val();
}

//设置select中值为value的项为选中
jquery.fn.setselectedvalue = function(value){
jquery(this).get(0).value = value;
}

//设置select中文本为text的第一项被选中
jquery.fn.setselectedtext = function(text)
{
var isexist = false;
var count = this.size();
for(var i=0;i<count;i++)
{
if(jquery(this).get(0).options[i].text == text)
{
jquery(this).get(0).options[i].selected = true;
isexist = true;
break;
}
}
if(!isexist)
{
alert("下拉框中不存在该项");
}
}
//设置选中指定索引项
jquery.fn.setselectedindex = function(index)
{
var count = this.size();
if(index >= count || index < 0)
{
alert("选中项索引超出范围");
}
else
{
jquery(this).get(0).selectedindex = index;
}
}
//判断select项中是否存在值为value的项
jquery.fn.isexistitem = function(value)
{
var isexist = false;
var count = this.size();
for(var i=0;i<count;i++)
{
if(jquery(this).get(0).options[i].value == value)
{
isexist = true;
break;
}
}
return isexist;
}
//向select中添加一项,显示内容为text,值为value,如果该项值已存在,则提示
jquery.fn.addoption = function(text,value)
{
if(this.isexistitem(value))
{
alert("待添加项的值已存在");
}
else
{
jquery(this).get(0).options.add(new option(text,value));
}
}
//删除select中值为value的项,如果该项不存在,则提示
jquery.fn.removeitem = function(value)
{
if(this.isexistitem(value))
{
var count = this.size();
for(var i=0;i<count;i++)
{
if(jquery(this).get(0).options[i].value == value)
{
jquery(this).get(0).remove(i);
break;
}
}
}
else
{
alert("待删除的项不存在!");
}
}
//删除select中指定索引的项
jquery.fn.removeindex = function(index)
{
var count = this.size();
if(index >= count || index < 0)
{
alert("待删除项索引超出范围");
}
else
{
jquery(this).get(0).remove(index);
}
}
//删除select中选定的项
jquery.fn.removeselected = function()
{
var index = this.getselectedindex();
this.removeindex(index);
}
//清除select中的所有项
jquery.fn.clearall = function()
{
jquery(this).get(0).options.length = 0;
}

时间: 2024-08-29 12:03:35

jquery select操作代码的相关文章

jQuery select操作控制方法小结

很多朋友对jquery select的操作很有兴趣,但网上的东西太多,所以脚本之家特别将Jquery Select操作方法整理下,方便大家查找. 需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可. jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2.

JQuery 常用操作代码_jquery

//遍历option和添加.移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(thi

jQuery select操作控制方法小结_jquery

需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可. jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected"

jquery select操作的日期联动实现代码_jquery

Jquery的选择器很强大,对select的options对象添加的时候我找了老半天才找到 复制代码 代码如下: /**//* 文件名:jquery.liu.select.js 功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 作者:John Liu 编写日期:2008/03/12 */ //得到select项的个数 jQuery.fn.size = function() { return jQuery(this).get(0).options.length; }

jquery radio 操作代码_jquery

//设置第二个为选中状态 //if(<%=rows["sex"]%>=="2"){$(':radio[name=sex]').eq(1).attr('checked',true);} //设计value=2的为选中状态 //if(<%=rows["sex"].ToString() %>=='2'){$("input[name='sex']").attr("checked",'2');

Jquery cookie操作代码_jquery

用JS写cookies说难也难说简单也简单,说简单就是直接document.cookie=..,直接就写了,说难就是cookies中有的Key已经有了,是想用JS去重写来着这个时候你用document.cookie去写就直接把这个key又重新写了一遍了,有的时候还会发生不能成功写入的情况(有时写需要escape函数的字符会出现,具体原因不清楚),反正就是很麻烦,后来看到有Jquery的cookies插件,感觉不错,但是跟踪调试的时候发现cookies上面还是多写了一个相同名称的值,这就麻烦了,后

jQuery select的操作实现代码_jquery

//改變時的事件 复制代码 代码如下: $("#testSelect").change(function(){ //事件發生 jQuery('option:selected', this).each(function(){ //印出選到多個值 alert(this.value); }); }); //印出選到的項目 复制代码 代码如下: 法1:$("select#Clubs").children("[@selected]").each(funct

jquery select 设置默认选中的示例代码

 本篇文章主要是对jquery select 设置默认选中的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下:   其中<%=selectedvalue %>为从后台获取的值   $(document).ready(function(){    $("#seltype").attr("value",parseInt('<%=selectedvalue %>'));  })    

jQuery Select下拉框操作小结(推荐)_jquery

jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_