1. 程式人生 > >select下拉列表 和 radio單選按鈕控制元件開關---- 根據值選擇選項 & change事件

select下拉列表 和 radio單選按鈕控制元件開關---- 根據值選擇選項 & change事件

select option選項

1)下拉列表根據值,選中其中一個選項:

根據value值選中:

$("#orientation option[value= '"+ orientation_val +"']").attr('selected',true);

根據text值選中:

$("#category1 option").each(function(){
    if($(this).text() == check_category) {
        $(this).attr("selected", true);
}
});

2)下拉列表設定為不可編輯:

<select name=
"adduserRoles" id="orientation" class="form-control" > <option value="" >請選擇擺放方向</option> <option value="0" >豎向</option> <option value="1">橫向</option> </select>
$("#orientation").attr("disabled", "disabled");

3) select的change事件:

<select name="input-channels" 
id="input-channels" class="form-control"> <option value="">請選擇頻道</option> </select>

$("#input-channels").change(function(){
    if($(this).val() != ""){
        $(this).parent().parent().removeClass("has-error");
$(this).next().remove();
}
});

4) 獲取select選擇項的value值:

data.role_id 
= parseInt($('#add-search-userRoles option:selected').val());

5)獲取select選擇項的text值:

var category_txt = $('#category1 option:selected').text();

radio單選

1) 單選項根據值,選中其中一個選項:

<div class="col-sm-9">
   <label class="radio-inline">
      <input type="radio" name="status" id="radio-status-enabled" value="0" checked> 待稽核
   </label>
   <label class="radio-inline">
      <input type="radio" name="status" id="radio-status-disabled" value="1"> 釋出
   </label>
   <label class="radio-inline">
      <input type="radio" name="status" id="radio-status-refuse" value="2"> 拒絕
   </label>
   <label class="radio-inline">
      <input type="radio" name="status" id="radio-status-xiajia" value="3"> 下架
   </label>
</div>

只能根據value值選中,不能根據text值選中。因為text不屬於input的屬性值。

$("input[name=status]").filter("[value=" + status_val + "]").prop('checked', true);

2)  下拉列表設定為不可編輯:

<input type="radio" disabled>    新增屬性 disabled

3) radio的 change事件:

$("input:radio[name=topcategory]").change(function(){
    var v = $(this).val();
if (v =="1"){
        $("#category1").show();
$("#category2").hide();
$("#category3").hide();
}else if (v =="2"){
        $("#category1").hide();
$("#category2").show();
$("#category3").hide();
}else if (v =="3"){
        $("#category1").hide();
$("#category2").hide();
$("#category3").show();
}
});

4)獲取radio選擇項的value值:

var val = parseInt($("input[name=topcategory]:checked").val());

5)獲取radio選擇項的text值:

不能獲取text值。因為text不屬於input的屬性值。



只能根據value值選中,不能根據text值選中。因為text不屬於input的屬性值。