1. 程式人生 > >Jquery取值方法彙總

Jquery取值方法彙總

一、下拉框

1、jquery獲取當前選中select的text值

 var a = $("#ShareMoneyType").find("option:selected").text(); 

2、jquery獲取下拉框選中的Value值

var v = $("#ShareMoneyType").val();

3、jquery獲取當前選中select的索引值

$("#select1").get(0).selectedIndex; 

4、jquery設定索引值為1的項為當前選中項

$("#select1").get(0).selectedIndex=1; 

5、jquery設定value值1的項為當前選中項

$("#select1").val(1);

6、jquery設定text值為"2017"的項為當前選中項

$("#select1 option[text='2017']").attr("selected",true); 

7、為指定select下拉框追加一個option(追加到在末尾)

$("#select1").append(""+i+""); 

8、為制定select下拉框插入一個option(插入到第一個位置)

$("#select1").prepend("請選擇"); 

9、jquery刪除select下拉框的最後一個option

$("#select1 option:last").remove();

10、清空select控制元件內容

$("#select1").empty();

二、文字框

1、獲取文字框的值:

 var id=$("#B2BProductID").val();

2、為文字框動態賦值:

 $("#Name").attr("value", “我為你動態賦值”);

3、為span標籤動態賦值:

var a=$("#oneLove").html("價格只能為整數");

 

三、單選按鈕和多選按鈕

獲取多選按鈕的狀態

 var
ticket = $("#IsTicketRobbing").prop("checked"); //返回bool型別

獲取多選按鈕選中的值

var fruit = "";
var vegetable = "";
 $("input:checkbox[name='fruit']:checked").each(function() {
     fruit += $(this).val() + " ";
   });

 

獲取選中單選按鈕的值

var val=$('input:radio[name="sex"]:checked').val();

 

為Button 按鈕繫結click事件:

$("#SyncB2BProductData").bind("click", function () {    
                if ($("#B2BProductID").val() == "0") {
                    alert("請輸入該產品要對應繫結的b2b產品ID");
                    $("#B2BProductID").focus();
                    return false;
                }
});
或者
$("#btnSubmit").click(function(){
  //事件
});