程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> jsp jquery實現級聯菜單,jquery對select元素的簡單操作

jsp jquery實現級聯菜單,jquery對select元素的簡單操作

編輯:關於JSP

用於觸發select的事件的方法有click()和change()
click():是當對象被點擊了才觸發
change():是當對象發生了變化才觸發
下面簡單記錄下jquery對select的常用操作:
1. 獲取select 選中的 text:
Js代碼 
$("#id").find("option:selected").text(); 


2. 獲取select選中的 value:
Js代碼 
$("#id").val(); 


3. 獲取select選中的索引:
Js代碼 
$("#id").get(0).selectedindex; 


4. 設置select 選中的索引:
Js代碼 
$("#id").get(0).selectedIndex=1; //注意I大寫 


5. 設置select 選中的value:
Js代碼 
$("#id").attr("value","normal“); 
$("#id").val("normal"); 
$("#id").get(0).value = value; 


6. 設置select 選中的text:
Js代碼 
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;   
        }   
    } 


7. 設置select option項:
Js代碼 
$("#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 

 

本文出自“人生如戲”
 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved