js中select，checkbox動態綁定數據和默認選中

<select class="form-control" id="state" name="state">
<option value="1" name="state">可用</option>
<option value="0" name="state">不可用</option>
</select>

 

///綁定下拉列表
$.post('', function (res) {
for (var i = 0; i < res.length; i++) { //循環添加多個值
$("#cardid").append("<option value='" + res[i].id + "'>" + res[i].cardName + "</option>");
}

 

//默認選擇js方法

var select = document.getElementById("cardid");
var cardid=$("#cardids").val();
for (var i = 0; i < select.options.length; i++) {
if (select.options[i].value == cardid) {
select.options[i].selected = true;
break;
}

 //默認選擇三元運算符方法

   <option value="-1" name="resultType" @("-1".Equals(Request.QueryString["resultType"]) ? "selected" : "")>請選擇</option> 

 

///形象標簽
$.post("/Anchor/FeatureTagsConfig", function (data) {
//第二種方法，用拼接的方法來完成，比較簡單
for (var i = 0; i < data.length; i++) {
$("#div_sign").append("</br>")
$("#div_sign").append("<input type='checkbox' onclick='change()' name='topic' value=" + data[i].id + " id='" + data[i].id + "' /> " + data[i].name + "");
}
})

 

 

 

////checkbox默認選擇項
var check=document.getElementsByName("isShow")
for(var j=0;j<check.length;j++){
if(res[j].isShow==1){
check[j].checked=true;
}
}