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)