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

  • 相关阅读:
    nuget 命令行小技巧
    非静态类、方法、属性要实例化对象
    ViewData 和 ViewBag
    每日记载内容总结32
    每日记载内容总结31
    hibernate 学习知识总结
    spring mvc 页面编码和数据库编码 中文出现乱码
    java代码生成二维码以及解析二维码
    每日记载内容总结30
    换公司,重新开始
  • 原文地址:https://www.cnblogs.com/yjm8023/p/9473048.html
Copyright © 2011-2022 走看看