Jquery chosen动态设置值实例介绍 select Ajax动态加载数据设置chosen和获取他们选中的值...

最新推荐文章于 2019-05-11 18:28:55 发布

weixin_30515513

最新推荐文章于 2019-05-11 18:28:55 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/chinhi/p/3411538.html

本文介绍了如何使用Chosen插件来增强HTML选择框的功能，包括动态填充选项、获取选中项属性的方法以及解决相关bug的经验。同时分享了在操作Select元素时的一些注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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="width: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();

转载于:https://www.cnblogs.com/chinhi/p/3411538.html