您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息

jQuery 下拉菜单操作总结

2024/4/26 8:01:25发布5次查看
获取select :
获取select 选中的 text :
$(#ddlregtype).find(option:selected).text();
获取select选中的 value:
$(#ddlregtype ).val();
获取select选中的索引:
$(#ddlregtype ).get(0).selectedindex;
设置select:
设置select 选中的索引:
$(#ddlregtype ).get(0).selectedindex=index;//index为索引值
设置select 选中的value:
$(#ddlregtype ).attr(value,normal“);
$(#ddlregtype ).val(normal);
$(#ddlregtype ).get(0).value = value;
设置select 选中的text:
var count=$(#ddlregtype option).length;
for(var i=0;i<count;i++)
{ if($("#ddlregtype ").get(0).options[i].text == text)
{
$("#ddlregtype ").get(0).options[i].selected = true;
break;
}
}
$("#select_id option[text='jquery']").attr("selected", true);
设置select option项:
$("#select_id").append("<option value='value'>text</option>);  //添加一项option
$(#select_id).prepend(<option value='0'>请选择</option>); //在前面插入一项option
$(#select_id option:last).remove(); //删除索引值最大的option
$(#select_id option[index='0']).remove();//删除索引值为0的option
$(#select_id option[value='3']).remove(); //删除值为3的option
$(#select_id option[text='4']).remove(); //删除text值为4的option
清空 select:
$(#ddlregtype ).empty();
jquery获得值:
.val()
.text()
设置值
.val('在这里设置值')
$(document).ready(function(){ 
$(#btn1).click(function(){ 
$([name='checkbox']).attr(checked,'true');//全选 
}) 
$(#btn2).click(function(){ 
$([name='checkbox']).removeattr(checked);//取消全选 
}) 
$(#btn3).click(function(){ 
$([name='checkbox']:even).attr(checked,'true');//选中所有奇数 
}) 
$(#btn4).click(function(){ 
$([name='checkbox']).each(function(){//反选 
if($(this).attr(checked)){ 
$(this).removeattr(checked); 

else{ 
$(this).attr(checked,'true'); 

}) 
}) 
$(#btn5).click(function(){//输出选中的值 
var str=; 
$([name='checkbox'][checked]).each(function(){ 
str+=$(this).val()+\r\n; 
//alert($(this).val()); 
}) 
alert(str); 
}) 
})
==================================================================
==================================================================
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;     
}
更多 jquery 下拉菜单操作总结。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录