zoukankan      html  css  js  c++  java
  • Jquery chosen动态设置值实例介绍 select Ajax动态加载数据 设置chosen和获取他们选中的值

    for (var i = 0; i < obj.length; i++)
    $("#selectnum" + nid).append("<option myid='" + obj[i].ID + "' myname='" + obj[i].Name + "'>" + obj[i].Name + "</option>");

    $("#selectnum" + nid).trigger("liszt:updated");
    $("#selectnum" + nid).chosen(); //変更このさまシ

    --------------------------

    //bug begin
    mytid = $("#selectnum" + k).find("option:selected").attr("myid");
    if (mytid == "undefined" || mytid == undefined)
    mytid = "";

    mytname = $("#selectnum" + k).find("option:selected").attr("myname");
    if (mytname == "undefined" || mytname == undefined)
    mytname = "";

    isenum = $("#selectnum" + k).attr("myenumid"); //获取次字段是否为枚举

    temps = temps + mytid + "#";
    temps = temps + mytname + "#";
    temps = temps + isenum;
    //bug end
    objarray.push(temps);

    定义变量相加  不热会出现bug获取的为undefined 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
    <script src="chosen/chosen.jquery.js" type="text/javascript"></script>
    

    应用JS文件

    <select class="chzn-select" data-placeholder="Choose a Country" style="350px;" tabindex="1"> 
                    <option value=""></option>  
                    <option value="United States">United States</option>  
                    <option value="United Kingdom">United Kingdom</option>  
                    <option value="Afghanistan">Afghanistan</option>  
                    <option value="Albania">Albania</option>  
                  </select>
    

    class设这为chzn-select

    初始化:$(".chzn-select").chosen();

    对select进行操作时候需注意如下:先删除外部套用的层在经常操作,最后在加上$(".chzn-select").chosen();

    var selectObj = $("#slectplat");
    selectObj.parent().children().remove('div');
    selectObj.removeClass();
    $("#slectplat").val(_plat);
    selectObj.addClass("chzn-select");
    selectObj.chosen();

  • 相关阅读:
    Switch开关按钮控件----------WinForm控件开发系列
    图片旋转播放控件----------WinForm控件开发系列
    谷歌密码查看器
    Tarjan求LCA
    [题解]Hankson的趣味题
    [NOI Online]文具订购
    二分图判定
    hash表
    KMP算法
    拓扑排序入门
  • 原文地址:https://www.cnblogs.com/chinhi/p/3411538.html
Copyright © 2011-2022 走看看