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;
    }
    }

  • 相关阅读:
    学习进度条
    软件工程期末总结
    实验四 主存空间的分配与回收
    学术诚信与道德
    《构建之法》第八、九、十章读后感
    实验三、进程调度模拟程序实验
    《构建之法》第六七章读后感
    Scrum团队成立3.0
    0428-项目再开发2.0
    作业调度模拟程序
  • 原文地址:https://www.cnblogs.com/yjm8023/p/9473048.html
Copyright © 2011-2022 走看看