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

  • 相关阅读:
    vs2008打开aspx文件时设计界面死机情况的解决
    数据库设计知识点
    JS从样式表取值的函数currentStyle(IE),defaultView(FF)
    Iframe选区
    实用正则表达式(实用篇)
    46.class属性 Walker
    410.锚链接和空链接 Walker
    45.ID属性 Walker
    49.文件下载 Walker
    47.title和style属性 Walker
  • 原文地址:https://www.cnblogs.com/yjm8023/p/9473048.html
Copyright © 2011-2022 走看看