现在的位置: 首页 > 综合 > 正文

Jquery操作select

2018年05月27日 ⁄ 综合 ⁄ 共 3547字 ⁄ 字号 评论关闭

1.判断select选项中 是否存在Value="paraValue"的Item
$("#selectid
option[@value='paraValue']").length>0
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; 
  • 抱歉!评论已关闭.