chose.jquery 联动

<link href="~/Scripts/chosen/chosen.css" rel="stylesheet" />
<script src="~/Scripts/chosen/chosen.jquery.js"></script>

<script type="text/javascript">

$(function () {

$("#ProvId").change(function(){
var citys = [];
console.log($(this).val());
console.log($("#CityId"));
$("#CityId").append("<option value=‘01‘ >广州</option>");
var obj = {};
$("#CityId").chosen();
});
});

</script>

<dt>省份</dt>
<dd>
@Html.DropDownList("ProvId", SdJobs.Controllers.HomeController.ProvinceList, "--请选择--", new { @class = "chosen-select-width input normal", @tabindex = "2" })

<span class="Validform_checktip"></span>

</dd>
<dt>城市</dt>
<dd>

<select id="CityId" class="chosen-select-width input normal" >
<option value="">--请选择--</option>
</select>

<span class="Validform_checktip"></span>

</dd>
<dt>县区</dt>
<dd>

<select id="CountyId" class="chosen-select-width input normal" >
<option value="">--请选择--</option>
</select>

<span class="Validform_checktip"></span>

</dd>

<script type="text/javascript">
var config = {
‘.chosen-select‘: {},
‘.chosen-select-deselect‘: { allow_single_deselect: true },
‘.chosen-select-no-single‘: { disable_search_threshold: 10 },
‘.chosen-select-no-results‘: { no_results_text: ‘Oops, nothing found!‘ },
‘.chosen-select-width‘: { width: "200%" }
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>

时间: 2024-10-04 15:48:23

chose.jquery 联动的相关文章

jquery联动下拉选项

//联动 js var ldData = {}; (function(){ function ld($thisDom, param){ var defaults = { url : "common/area/getAll.jhtml",//获取数据的URL dataId : "id",//数据ID dataPid : "pid",//数据父ID rootPid : 0,//根节点PID dataTitle : "请配置dataTitle

jquery 联动 年月日

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery实例 - 生成年月日</title> <meta http-equiv="content-type" content="text/html; charset=gbk"> <script type="text/javascript" sr

jquery 联动

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery实例 - 生成年月日</title> <meta http-equiv="content-type" content="text/html; charset=gbk"> <script type="text/javascript" sr

chose.jquery 多选

<select id="language" data-placeholder="选择类别..." class="chosen-select" multiple style="width:350px;" tabindex="2"> <option value="E">英语</option> <option value="F"&g

开发一个jQuery插件——多级联动菜单

引言 开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后想用的时候就方便多了.项目中每个页面都有引用jQuery,,开发个jQuery联动菜单插件,说动手就动手,下面跟大家分享分享. 我用的jQuery插件方式 (function($){ $.fn.casmenu=function(argvs){ //your code } })(jQuery); 其中jQuery传入的是jquery对

共有21款 jQuery 树形控件开源软件,第1页

JQuery Tree 插件 zTree zTree 是利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件 兼容 IE.FireFox.Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支持一次性静态生成 和 Ajax 异步加载 两种方式 支持多种事件响应及反馈 支持 Tree...更多zTree信息 最近更新: [每日一博]Ztree+PHP 无限极节点递归查找节点 发布于 1年前 jQuery的Tree控件 jstree j

纯css+js下拉菜单实例代码

纯css+js下拉菜单实例代码 分享一个css+js下拉菜单代码,js+css实现的简单下拉菜单,兼容性不错. 例子:<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <

JavaScript下拉菜单的例子分享

css+js下拉菜单 完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server&q

javascript开源大全

javascript开源大全 Ajax框架-jQuery 可视化HTML编辑器-CKEditor 国产jQuery-UI框架-(jUI)-DWZ 网页开发FireFox插件-Firebug 服务器端的JavaScript脚本-Node.js jQuery图表插件-jQchart HTML5-开发框架-jQuery-Mobile 跨浏览器的RIA框架-ExtJS Flash视频播放器-JW-PLAYER jQuery表单插件-jQuery.form jQuery-File-Upload 可视化HT