基于easyui框架combobox组合框内数据切换的简单实现

先看实现结果:

基于easyui框架combobox组合框内数据切换的简单实现基于easyui框架combobox组合框内数据切换的简单实现

如上图所示,点击“切换按钮”,组合框内的选项就会发生变化。

数据来源于以下两个Json文件:

基于easyui框架combobox组合框内数据切换的简单实现基于easyui框架combobox组合框内数据切换的简单实现

HTML代码如下:

基于easyui框架combobox组合框内数据切换的简单实现

创建一个easyui中的combobox组合框组件,并赋予初始值,初始值的数据来源于“switchJson.json”文件,注意此处的method要设置为“GET”(默认为“POST”),否则可能读不到Json文件里的数据,页面控制台报404错误,其他的参数参考easyui官网demo(http://www.jeasyui.net/plugins/169.html)。

JS代码如下:

基于easyui框架combobox组合框内数据切换的简单实现

在JS代码中定义一个bool类型的变量,通过控制该变量实现切换两个Json文件的功能。

结束!!

以上代码等内容纯本人手打测试,如有雷同,不胜荣幸!