Jquery操作select

1.判斷select選項中是否存在Value="paraValue"的Item 
$("#selectid option[@value='paraValue']").length>0
2.加入一個Item ##$("#selectid").append("1111");
3.從select選項中
刪除一個Item $("#selectid").remove( "1111");
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##  

#for
• ## 
  (
 

• var# i=0;i;I++)   

       {  

•         #### #########if##### ######(objSelect.options[i].value == objItemValue)   # ###########         {   ###

•              isExit = true# ##o ## 

• break

   ;            }   

  >
•      }        

•     

   

• #" isExit;   }   

• //2.向select選項中加入一個Item
 

• 
  

• #function 

  jsAddItemToSelect(objSelect, obj項目

• #     if

 

• (jsSelectIsExitItem(objSelect,objItemValue))   ##(jsSelectIsExitItem(objSelect,objItemValue))   

• #     {   #         alert( 

);   

•      }         

• #else

# 

•      {   

• #        

   

• varvar> ## varItem = new 

  Option(objItemText,objItemValue);   
• Option(objItemText,objItemValue);   

• #//       objSelect.options[objSelect.options.length] = varItem; # add(varItem, objItemPos);            alert(##"成功加入" 

  #     }      

• #}   

• 
  

• ## #//3.從select選項中刪除一個Item### #########################function###### ################################################################### ##jsRemoveItemFromSelect(objSelect,objItemValue)   ############{   ###########    ### ############卷##################    ### #########if###### ######(jsSelectIsExitItem(objSelect,objItemValue) )   ############     {   ###

•          for## ##(#  ##(# 

# 

• i=0;i;I++)   

•          {    ##if (objSelect.options[i].value == objItemValue)   

•         
                   objSelect.options.remove(i);   
•  # 
  ;   

•              }            alert( #"成功刪除"

 
• );              

•      } 

  #else

 

• #     {   

        
• "該select中不存在該項目"
   
);   

•      }       

• ##//4.修改select選項中value="paraValue"的text為"paraText"

   

function

•  

jsUp
• date

  ItemToSelect(objSelect, obj項目

• ## 
  (jsSelectIsExitItem(objSelect,objItemValue))   

  (jsSelectIsExitItem(objSelect,objItemValue))   

• #     {   

  #        
 

• forfor##    forfor## # 

var

•  

i=0;i;I++)   

•          {   

• #1             # if 

#(objSelect.options[i]

• #             {   

•                            break ;   #

•              }   

•          } # 

"成功修改"

•  );                   }   

   
## 

•      {   #     {   

• #    中不存在該項"

 
• );   

       }      

  }   
• //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

   
##;

• true #             isExit = 

  true
•  

• break

 

• ;            }   #  

• ##    

   //Show出結果 

      
 
##    
•  

  if (isExit)   

•      {   

  #########     {   ############    (### ######"成功選中"##### ###);              #############    

•                alert( 

"該select中不存在該項"

•  

  );   

•      }      #}   

• /

• 
  

• ##/16.設定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 ; ### ############

以上是Jquery操作select的詳細內容。更多資訊請關注PHP中文網其他相關文章！