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

  • 相关阅读:
    基础语法
    Python简介
    Linux安装Python
    Git安装和使用
    vue 表单验证省市县三联动
    js 异步问题
    Json对象与Json字符串互转(4种转换方式)
    vue 常用的表单验证,包括手机号码,固定电话和身份证...
    webpack 基本功能和原理
    测试build出来的dist文件夹是否编译成功
  • 原文地址:https://www.cnblogs.com/yjm8023/p/9473048.html
Copyright © 2020-2023  润新知