szl的专栏

一天一点积累,一天一点进步

Jquery操作select

--------------------------------------------------------------------------------------------------------------------------------------------------------

1.判断select选项中 是否存在Value="paraValue"的Item 

2.向select选项中 加入一个Item 
$("#selectid").append("<option value=''>1111<option>");
3.从select选项中 删除一个Item 
$("#selectid").remove("<option value=''>1111<option>");
4.修改select选项中 value="paraValue"的text为"paraText" 
$("#selectid option:selected").attr("value","paraValue").attr("text","paraText");
5. 设置select中text="paraText"的第一个Item为选中 
$("#selectid option[@text='paraText']").attr("selected","true")
6.设置select中 value="paraValue"的Item为选中 
$("#selectid option[@value='paraValue']").attr("selected","true")

7.设置select中第一 个Item为选中 
$("#selectid option").eq(0).attr('selected', 'true');

8. 得到select的当前选中项的value 
$("#selectid").val();
9.得到select的当前选中项的text 
$("#selectid").text();
10. 得到select的当前选中项的Index 
document.getElementById("select1").selectedIndex;
$("#selectid").get(0).selectedIndex
11. 清空select的项
$("#selectid").empty();

-------------------------------------------------------------------------------------------------------------------------

JS版本的:

//1.判断select选项中 是否存在Value="paraValue"的Item    function jsSelectIsExitItem(objSelect,objItemValue)    {         var isExit = false ;         for var i=0;i;I++)         {             if (objSelect.options[i].value == objItemValue)             {                 isExit = true ;                 break ;             }         }              return isExit;    }       //2.向select选项中 加入一个Item    function jsAddItemToSelect(objSelect,objItemText,objItemValue, objItemPos)    {         //判断是否存在         if (jsSelectIsExitItem(objSelect,objItemValue))         {             alert( "该Item的 Value值已经存在" );         }         else         {             var varItem = new Option(objItemText,objItemValue);    //       objSelect.options[objSelect.options.length] = varItem;             objSelect.options.add(varItem, objItemPos);             alert( "成功加入" );         }       }       //3.从select选项中 删除一个Item    function jsRemoveItemFromSelect(objSelect,objItemValue)    {         //判断是否存在         if (jsSelectIsExitItem(objSelect,objItemValue))         {             for var i=0;i;I++)             {                 if (objSelect.options[i].value == objItemValue)                 {                     objSelect.options.remove(i);                     break ;                 }             }                    alert( "成功删除" );                    }         else         {             alert( "该 select中 不存在该项" );         }       }       //4.修改select选项中 value="paraValue"的text为"paraText"    function jsUpdateItemToSelect(objSelect,objItemText,objItemValue)    {         //判断是否存在         if (jsSelectIsExitItem(objSelect,objItemValue))         {             for var i=0;i;I++)             {                 if (objSelect.options[i].value == objItemValue)                 {                     objSelect.options[i].text = objItemText;                     break ;                 }             }                    alert( "成功修改" );                    }         else         {             alert( "该 select中 不存在该项" );         }       }               //5.设置select中text="paraText"的第一个 Item为选中    function jsSelectItemByValue(objSelect,objItemText)    {            //判断是否存在         var isExit = false ;         for var i=0;i;I++)         {             if (objSelect.options[i].text == objItemText)             {                 objSelect.options[i].selected = true ;                 isExit = true ;                 break ;             }         }              //Show出结果         if (isExit)         {             alert( "成功选中" );                    }         else         {             alert( "该 select中 不存在该项" );         }       }       //6.设置select中value="paraValue"的Item 为选中    document.all.objSelect.value = objItemValue;       //7.得到select的当前选中项的value    var currSelectValue = document.all.objSelect.value;       //8.得到select的当前选中项的text    var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;       //9.得到select的当前选中项的Index    var currSelectIndex = document.all.objSelect.selectedIndex;       //10.清空select的项    document.all.objSelect.options.length = 0;  
-----------------------------------------------------------------------------------------------------------------------------------------

1.获取select 选中的 text:
 $("#cusChildTypeId").find("option:selected").text();
 $("#cusChildTypeId option:selected").text()

2.获取select选中的 value:
 $("#ddlRegType ").val();

3.获取select选中的索引:
      $("#ddlRegType ").get(0).selectedIndex;

4.得到select项的个数
  
 $("#cusChildTypeId").get(0).options.length

5.设置select 选中的索引:
     $("#cusChildTypeId").get(0).selectedIndex=index;//index为索引值

6.设置select 选中的value:
    $("#cusChildTypeId").attr("value","Normal");
    $("#cusChildTypeId").val("Normal");
    $("#cusChildTypeId").get(0).value = "Normal";

7.设置select 选中的text:
 1>.var count=$("#cusChildTypeId").get(0).options.length;
     for(var i=0;i<count;i++) 
         {          
  if($("#cusChildTypeId").get(0).options.text == text) 
         { 
             $("#cusChildTypeId").get(0).options.selected = true;
             break; 
         } 
        }

 2>.$("#cusChildTypeId").val(text);
    $("#cusChildTypeId").change();

8.向select中添加一项,显示内容为text,值为value
  
 $("#cusChildTypeId").get(0).options.add(new Option(text,value));

9.删除select中值为value的项
        var count = $("#cusChildTypeId").size();          
        for(var i=0;i<count;i++)  
        {  
            if($("#cusChildTypeId").get(0).options[i].value == value)  
            {  
                $("#cusChildTypeId").get(0).remove(i);  
                break;  
            }
        }

10.清空 Select:
 1>. $("#cusChildTypeId").empty();
 2>. $("#cusChildTypeId").get(0).options.length = 0;   


阅读更多
个人分类: jquery
想对作者说点什么? 我来说一句

jquery_select

2012年07月21日 42KB 下载

jquery select应用

2012年08月21日 2KB 下载

JQuery操作select

2010年05月17日 42KB 下载

没有更多推荐了,返回首页

不良信息举报

Jquery操作select

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭