zoukankan      html  css  js  c++  java
  • 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;
    }
    }

  • 相关阅读:
    [LintCode] 最长上升子序列
    [LintCode] 最长公共前缀
    [LintCode] A + B 问题
    [hihoCoder] 拓扑排序·一
    [LintCode] 拓扑排序
    [LintCode] 第k大元素
    [LintCode] 最小路径和
    [LeetCode] Factorial Trailing Zeros
    [LintCode] 尾部的零
    [LeetCode] Length of Last Word
  • 原文地址:https://www.cnblogs.com/yjm8023/p/9473048.html
Copyright © 2011-2022 走看看