Jquery操作select，radio，input，p之类

select的操作

变化后触发操作

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

//函数形式
```
$("#YesOrNo").change(YesOrNoChange);
```

获取

1.获取select的value

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

2.获取selelct中option的text

这里需要注意，不能直接去获取select的text，而是应该获取被选中的option的text

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

设置

1.设置select的value

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

2.设置select的option的text

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

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

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

下面的代码是无效的

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

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

参见

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

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

3.向select开头中添加option

    $("#searchCity").prepend('<option value="-1">请选择</option>');

4.向select结束添加option

    $("#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://*.com/questions/170986/what-is-the-best-way-to-add-options-to-a-select-from-an-array-with-jquery

清空select

1.清空select后初始化

    $("#addbrand").empty().append('<option value="">请选择</option>');

2.清空

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

3.去掉select中某个值

    $("#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的值

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

禁用

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

input操作

获取

```
    $("#txtaddprojecturl").val("");
```
设置

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

checkbox操作

获取

1.获取所有的checkbox

注意这里的:checkbox 和前面的要有空格

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

2.获取所有的被选中的checkbox

注意这里的:checked和前面的不能有空格

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

3.遍历取得被选中的checkbox的值

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

设置

p操作

获取

注意是html方法

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

设置

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

清空

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

以上

来自为知笔记(Wiz)

秒客网

Jquery操作select，radio，input，p之类

相关文章