`

bootstrap select 遇到问题

 
阅读更多

前段采用bootstrap框架,后台采用jeesite框架

下拉框级联问题,城市当选择北京市,影城出现北京下影城,选择北京下某个影城

当城市改为天津时,影城选中的仍然是北京某个影城具体如图1111和2222所示

$('#cinemaSelect').trigger("liszt:updated");
//                    $('#cinemaSelect').chosen();
采用jquery这些方法都不行,甚至采用jquery chosen框架也不行

问题解决方案:

  $(".chzn-select").empty();
            var html1='<select id="cinemaSelect" name="cinemaId" class="input-medium" style="width:200px;" >';
$('#cinemaSelectItem').html(html1);
 

 采用类选择器将select清理删除,然后从新添加

 

  • 大小: 2.8 KB
  • 大小: 3.5 KB
分享到:
评论

相关推荐

    bootstrap-select-1.12.4

    在Bootstrap Select 1.12.4中,你可能会遇到以下关键知识点: 1. **基本使用**:首先,需要在项目中引入Bootstrap和Bootstrap Select的CSS及JS文件。然后,通过添加特定的类名(如`selectpicker`)到HTML的选择器...

    bootstrap-select-master下拉框。

    Bootstrap Select 是一个基于 Bootstrap 框架的下拉选择框插件...通过查看这些文件,你可以更深入地了解如何配置和自定义这个插件,以及解决可能遇到的问题。记得在项目中正确引用这些资源,并确保所有依赖项都已加载。

    BootStrap Select清除选中的状态恢复默认状态

    然而,当用户需要清除已选择的筛选条件时,如何有效地重置Bootstrap Select组件的状态成为了一个常见问题。本文将详细讲解如何实现这一功能。 Bootstrap Select 清除选中状态的方法并不像常规的HTML select元素那样...

    bootstrap框架使用中遇到的问题和解决方法

    ### Bootstrap框架使用中遇到的问题及解决方法 #### 一、Bootstrap框架简介 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。它基于 HTML、CSS 和 JavaScript,提供了丰富的预定义样式和组件,使得...

    bootstrapValidator bootstrap-select验证不可用的解决办法

    然而,在使用Bootstrap-select多选下拉框时,我们可能会遇到验证失效的情况。这是因为BootstrapValidator默认不会验证隐藏或禁用的组件,其中包括隐藏的input元素。为了解决这个问题,我们可以按照以下三个步骤进行...

    解决bootstrap-select 动态加载数据不显示的问题

    如果在这一过程中,选用了bootstrap-select插件,就可能会遇到数据加载到界面上却不显示的问题。为了确保下拉列表能够正确地展示最新加载的数据,需要正确使用refresh和render两个方法。 在动态加载数据时,refresh...

    bootstrap select插件封装成Vue2.0组件

    然而,当使用多个Bootstrap Select组件时,可能会遇到一个问题:在删除某个组件时,其他组件的值可能会意外改变。这是因为Vue在重新渲染过程中会尝试复用已存在的DOM元素,导致组件标识混乱。为解决这个问题,可以给...

    BootStrap selectpicker

    然而,使用Selectpicker时可能会遇到一些问题。例如,设置`val`时,必须传入与`&lt;option&gt;`标签`value`属性相匹配的值,如果尝试使用`name`属性则可能不起作用。对于这种情况,确保正确设置`value`属性是解决方法。 ...

    通过BootStrap-select插件 js jQuery控制select属性变化

    Bootstrap-select是一个基于Bootstrap框架开发的前端下拉框jQuery插件,允许开发者使用更加丰富和灵活的方式来展示和控制select元素。利用该插件,可以轻松实现一些在纯HTML中比较难以完成的功能,例如动态更新下拉...

    BootStrap的select2既可以查询又可以输入的实现代码

    Bootstrap的Select2是一款强大的插件,它扩展了HTML Select元素,提供了更丰富的用户体验,包括可搜索、可选择的选项、多选以及自定义标签...如果你在实施过程中遇到任何问题,欢迎继续提问。感谢你对我们网站的支持!

    快速解决select2在bootstrap模态框中下拉框隐藏的问题

    但是,当Select2与Bootstrap模态框结合使用时,可能会遇到一些交互上的问题,特别是下拉框无法正确显示在模态框的上方。 问题描述中提到,当在Bootstrap模态框中使用Select2时,下拉框会被模态框内容遮挡,这主要是...

    解决select2在bootstrap modal中不能正常使用的问题

    最近用bootstrap做前端框架,遇到select2单选框在bootstrap modal中不能正常使用,输入框不能获取焦点智能过滤;如下图: 解决方法一:在bootstrap.js的模态框js内加上 $.fn.modal.Constructor.prototype....

    bootstrap的datagrid组件

    同时,开发者社区通常会提供许多实用的教程、问答和示例,帮助解决在开发过程中遇到的问题。 总的来说,Bootstrap的DataGrid组件是Web开发中的一个强大工具,它集成了数据展示、操作和检索的核心功能,能够帮助...

    bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题

    笔者曾经遇到过这种问题,表格原本是有数据的,但是一用这个插件就把数据变成Empty了。 解决方法是,使用bootstrap table动态添加数据,并且使用X-Editable插件来实现行单元格编辑。下面是一个简单的示例代码: ``...

    BootStrap下的弹出框加载select2框架失败的解决方法

    同时,作者鼓励读者在遇到问题时提问,并对支持者表示了感谢。 总的来说,正确地在Bootstrap模态框内使用select2,需要考虑到模态框生命周期和DOM的动态变化。通过在模态框显示时动态初始化select2,并适当地配置其...

    bootstrap-table插件

    Bootstrap Table有一个活跃的社区,提供详细的文档、示例代码和问题解答,开发者可以在遇到问题时获得帮助。 综上所述,Bootstrap Table是一个强大且易用的表格插件,适用于各种类型的数据展示需求,尤其适合前后...

    bootstrap-multiselect.zip

    在前端页面设计时,经常遇到需要动态加载数据和实现多选功能的需求,Bootstrap Multiselect正是解决这些问题的理想选择。 首先,让我们深入了解一下Bootstrap Multiselect的基本用法。要使用这个插件,你需要在项目...

Global site tag (gtag.js) - Google Analytics