matlabsvm预测风速和误差代码（matlabsvm进行预测）

今天给各位分享js二级联动省市代码的知识，其中也会对纯js省市区三级联动进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、jsf怎样实现省市二级联动下拉选择组件
• 2、29_用js实现一个省市级联效果
• 3、bootstrap-select.js 怎么联动改变，例如：省份，城市二级联动。

jsf怎样实现省市二级联动下拉选择组件

方法很多

1、用js，通过在JS里面判断if当前一级城市，然后设置opint的值的方式

2、我们现在做的系统是把一级清单和二级清单分别放在2个javaBean的List里面，然后在前台jsf中的select标签中的values值设定为该javaBean的List，然后通过判断一级标签来显示不同的二级标签

其他的我之前也在网上看过，包括用jquery等方式在js中控制

不过总体来说方法都差不多，基本不是用js就是用javaBean来控制2级标签的实现，不过目前来说，一般只有jsf用到javaBean来控制吧，其他的多数用js

29_用js实现一个省市级联效果

（1）var provs={}，存储省市的json结构数据。

（2）function loadProv() {}，此函数实现了初始化页面加载数据的功能。

（3）var prov = document.getElementById("prov")，获取存放省份的select下拉菜单。

（4）for (var key in provs)，遍历json结构数据。

（5）var provName = key，获取省份的名称。

（6）var optProv = document.createElement("option")，创建一个option元素对象。

（7）optProv.value = provName，设置option元素的value属性值。

（8）optProv.innerText = provName，设置option显示的文本内容。

（9）prov.appendChild(optProv)，将option元素添加到select下拉菜单。

（10）function provChange() {}，作为onchange事件处理函数。

（11）var prov = document.getElementById("prov"),获取省份下拉菜单。

（12）var city = document.getElementById("city"),获取城市下拉菜单。

（13）var provName = prov.value，获取当前选中的省份的value值。

（14）if (provName == "none") {

city.style.display = "none";

return;

}，如果值等于none，说明选中的是第一项，那么城市下拉菜单还是具有隐藏状态，并跳出函数。

（15）else {

city.style.display = "";

},否则的话显示出城市下拉菜单，默认状态它是隐藏的。

（16）var citys = provs[provName]，获取城市，citys是个数组。

（17）for (var index = city.childNodes.length - 1; index = 0; index--) {

var child = city.childNodes[index];

city.removeChild(child);

}，遍历城市下拉菜单下的option元素，然后删除这些元素。

之所以清空就是为了防止当再次加载的时候出现累加情况。

（18）for (var index = 0; index citys.length; index++) {}，遍历数组中的元素，也就是城市。

（19）var optCity = document.createElement("option")，创建option元素。

（20）optCity.value = citys[index]，设置option元素的value值。

（21）optCity.innerText = citys[index]，设置option元素的文本内容。

（22）city.appendChild(optCity)，将option元素添加select下拉菜单。

数据表形式数据

json形式数据

bootstrap-select.js 怎么联动改变，例如：省份，城市二级联动。

“bootstrap-select.js ”联动改变方式如下：

1、多选效果

可以设置最多只能选几个

2、图文结合的效果

3、远程搜索功能（即在用户输入搜索内容时动态去后台取数据）

输入内容前

输入空格搜索出全部

滚动条滑动到底部自动加载剩余项

输入文本动态去后台过滤

更高级的用法如：

代码示例如下：

1、多选效果

select2的多选很简单，设置一个属性就好了。

script src="~/Scripts/jquery-1.10.2.js"/script

script src="~/Content/bootstrap/js/bootstrap.js"/script

link href="~/Content/bootstrap/css/bootstrap.css" rel="stylesheet" / 

script src="~/Content/select2-master/dist/js/select2.js"/script

link href="~/Content/select2-master/dist/css/select2.css" rel="stylesheet" /　

select id="sel_menu2" multiple="multiple" class="form-control"

         optgroup label="系统设置"

              option value="1"用户管理/option

              option value="2"角色管理/option

              option value="3"部门管理/option

              option value="4"菜单管理/option

         /optgroup

         optgroup label="订单管理"

              option value="5"订单查询/option

              option value="6"订单导入/option

              option value="7"订单删除/option

              option value="8"订单撤销/option

         /optgroup

         optgroup label="基础数据"

              option value="9"基础数据维护/option

          /optgroup

     /select

 //多选

 $("#sel_menu2").select2({        

 tags: true,        

 maximumSelectionLength: 3  //最多能够选择的个数    });

2、图文结合的效果

select id="sel_menu" class="js-example-templating js-states form-control"

             optgroup label="系统设置"

                 option value="1"用户管理/option

                 option value="2"角色管理/option

                 option value="3"部门管理/option

                 option value="4"菜单管理/option

             /optgroup

             optgroup label="订单管理"

                 option value="5"订单查询/option

                 option value="6"订单导入/option

                 option value="7"订单删除/option

                 option value="8"订单撤销/option

             /optgroup

             optgroup label="基础数据"

                 option value="9"基础数据维护/option

             /optgroup

         /select

$(function () {    

 //带图片    

 $("#sel_menu").select2({        

 templateResult: formatState,        

 templateSelection: formatState    

 });

 });

 function formatState(state) {    

 if (!state.id) { return state.text; }    

 var $state = $(      

 'spanimg src="/content/images/' + state.element.value.toLowerCase() + '.ico" class="img-flag" / ' + state.text + '/span'    

 );    

 return $state;};

3、远程搜索功能（即在用户输入搜索内容时动态去后台取数据）

select id="sel_menu3" class="js-data-example-ajax form-control"

      option value="3620194" selected="selected"请选择/option

 /select

$(function () {    //远程筛选

    $("#sel_menu3").select2({

        ajax: {

            url: "/Home/GetProvinces",

            dataType: 'json',

            delay: 250,

            data: function (params) {                

            return {

                    q: params.term, // search term                    page: params.page

                };

            },

            processResults: function (data, params) {

                params.page = params.page || 1;                

                return {

                    results: data.items,

                    pagination: {

                        more: (params.page * 10)  data.total_count

                    }

                };

            },

            cache: true

        },

        escapeMarkup: function (markup) { return markup; }, // let our custom formatter work

        minimumInputLength: 1,

        templateResult: formatRepoProvince, // omitted for brevity, see the source of this page

        templateSelection: formatRepoProvince // omitted for brevity, see the source of this page    });

});

function formatRepoProvince(repo) {    

if (repo.loading) return repo.text;    

var markup = "div"+repo.name+"/div";    

return markup;

}

这里有要注意的一个地方就是processResults属性对应的方法有一个more属性用于是否分页显示的，这里的值要和你需要一次显示的值的条数匹配。

后台对应的方法如下：

public Liststring lstProvince = new Liststring() {"北京市","天津市","重庆市","上海市","河北省","山西省","辽宁省","吉林省","黑龙江省","江苏省","浙江省","安徽省","福建省","江西省","山东省","河南省","湖北省","湖南省","广东省","海南省","四川省","贵州省","云南省","陕西省","甘肃省","青海省","台湾省","内蒙古自治区","广西壮族自治区","西藏自治区","宁夏回族自治区","新疆维吾尔自治区","香港特别行政区","澳门特别行政区" };        

public JsonResult GetProvinces(string q, string page)

        {            

        var lstRes = new ListProvince();            

        for (var i = 0; i  30; i++)            

        {                

        var oProvince = new Province();                

        oProvince.id = i;                

        oProvince.name = lstProvince[i];                

        lstRes.Add(oProvince);            

        }            

        if (!string.IsNullOrEmpty(q.Trim()))            

        {                

        lstRes = lstRes.Where(x = x.name.Contains(q)).ToList();            }            

        var lstCurPageRes = string.IsNullOrEmpty(page) ? lstRes.Take(10) : lstRes.Skip(Convert.ToInt32(page) * 10 - 10).Take(10);            

        return Json(new { items = lstCurPageRes, total_count = lstRes.Count }, JsonRequestBehavior.AllowGet);        }

关于js二级联动省市代码和纯js省市区三级联动的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。