Jquery操做select，radio，input，p之類

select的操做

變化後觸發操做

$("#txtaddprojecturl").change(function(){
    $("#addprojectname").html("");
});    

 

1. //函數形式

2. $("#YesOrNo").change(YesOrNoChange);

    

 

獲取

1.獲取select的value

1.     var BrandID= $("#addbrand ").val();

    

2.獲取selelct中option的text

這裏須要注意，不能直接去獲取select的text，而是應該獲取被選中的option的text

1.     var BrandName= $("#addbrand option:selected").text();

    

設置

1.設置select的value

1.     $("#addbrand ").val(BrandID);

    

2.設置select的option的text

1.     $("#brandCity option").filter(function(){
           return this.text == row.BrandCity;
       }).prop('selected',true);

    

   $("#mySelect2 option").each(function(){this.selected =(this.text == text2);});

    

1.     $("#mySelect2 option:contains("+text2+")").prop('selected',true);

    

 

下面的代碼是無效的

    $("#mySelect1").find("option[text="+ text1 +"]").attr("selected",true);

    $("#my-Select option[text="+ myText +"]").prop("selected",true);

 

參見

http://stackoverflow.com/questions/3644449/jquery-setting-select-list-selected-based-on-text-failing-strangely

http://stackoverflow.com/questions/496052/jquery-setting-the-selected-value-of-a-select-control-via-its-text-description

3.向select開頭中添加option

1.     $("#searchCity").prepend('<option value="-1">請選擇</option>');

    

 

4.向select結束添加option

1.     $("#searchCity").append('<option value="-1">請選擇</option>');

    

 

5.向select中添加許多option

    //加載數據
    var brandSelect = $("#addbrand");
    brandSelect.empty();
    brandSelect.append('<option value="">請選擇</option>');
    var brandData = result.Data;
    //根據後臺返回的Data
    if(brandData !=null&& brandData.length >0){
    　　for(var i =0; i < brandData.length; i++){
    　　var oneData = brandData[i];
    　　brandSelect.append('<option data-cityid="'+ oneData.CityID+'" data-cityname="'+ oneData.CityName+'" value="'+ oneData.ID +'">'+ oneData.BrandName+'</option>');
    　　}
    }

 

其餘添加許多option的方法

http://stackoverflow.com/questions/170986/what-is-the-best-way-to-add-options-to-a-select-from-an-array-with-jquery

清空select

1.清空select後初始化

1.     $("#addbrand").empty().append('<option value="">請選擇</option>');

    

2.清空

1.     $("#addbrand").empty();

    

3.去掉select中某個值

1.     $("#sltaddcity option[value='-1']").remove();

    

 

radio操做

html部分

    <inputclass="IsBrand"type="radio"name="IsBrand"value="1"checked="checked"/>
    是
    <inputclass="IsBrand"type="radio"name="IsBrand"value="0"/>
    否 

 

點擊後觸發操做

    $("input:radio").click(function(){
    　　if($(this).val()=="1"&& $(this).prop("checked")==true){
    　　$(".brand").show();
    　　$(".project").hide();
    }else{
    　　$(".brand").hide();
    　　$(".project").show();
    　　}
    });

 

設置

1.遍歷設置

    $(".IsBrand").each(function(){
    　　var _this = $(this);
    　　if(_this.val()== row.IsBrandPromotion){
    　　_this.prop("checked",true);
    　　}
    });

 

2.直接設置第一個選中

    var a = $(".IsBrand");
    $(a[0]).prop("checked",true);

 

獲取

1.根據radio的值作判斷

    $(".IsBrand").click(function(){
    　　if($(this).val()=="1"&& $(this).prop("checked")==true){
    　　$(".brand").show();
    　　$(".project").hide();
    }else{
    　　$(".brand").hide();
    　　$(".project").show();
    }
    });

 

2.獲得radio的值

1.     var IsBrandPromotion= $(".IsBrand:checked").val();

    

 

 

禁用

1.     $(".IsBrand").prop("disabled",true);

    

input操做

獲取

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

   設置

1.     $("#txtaddprojecturl").val(row.ProjectUrl);

   checkbox操做

獲取

1.獲取全部的checkbox

注意這裏的:checkbox 和前面的要有空格

1.     var b = $(".tableMediaData :checkbox");

    

2.獲取全部的被選中的checkbox

注意這裏的:checked和前面的不能有空格

1.     var arrChk = $(".mediachk:checked");

    

3.遍歷取得被選中的checkbox的值

    $(arrChk).each(function(){
    　　MediaID+="'"+ $(this).val()+"',";
    });

 

設置

p操做

獲取

注意是html方法

1.     ProjectName= $.trim($("#addprojectname").html());

    

設置

1.     $("#addprojectname").html(row.ProjectName);

    

 

清空

 

1.     $("#addprojectname").text("");

    

 

 

以上

來自爲知筆記(Wiz)