select下拉列表 和 radio單選按鈕控制元件開關---- 根據值選擇選項 & change事件
阿新 • • 發佈:2019-01-01
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的屬性值。