Jquery Multiselect插件筛选器与single select冲突
我正在使用jquerymultiselect插件来管理我的select下拉列表。这个插件工作得很好,除了一件事是,当我在过滤框中键入内容时,没有显示任何内容意味着我的键入字没有显示。但是当我从我的文件中删除bootstrap.min.css时,它就工作了,我的word类型也显示出来了。我认为多选择过滤器插件使用的jqueryui与bootstrap.min.css冲突,但我不知道。请帮帮我。下面是我的代码,并检查屏幕截图 HTML Javascript 提前感谢。尝试为产品类型添加高z指数 尝试向产品类型添加高z索引Jquery Multiselect插件筛选器与single select冲突,jquery,html,css,twitter-bootstrap,jquery-multiselect,Jquery,Html,Css,Twitter Bootstrap,Jquery Multiselect,我正在使用jquerymultiselect插件来管理我的select下拉列表。这个插件工作得很好,除了一件事是,当我在过滤框中键入内容时,没有显示任何内容意味着我的键入字没有显示。但是当我从我的文件中删除bootstrap.min.css时,它就工作了,我的word类型也显示出来了。我认为多选择过滤器插件使用的jqueryui与bootstrap.min.css冲突,但我不知道。请帮帮我。下面是我的代码,并检查屏幕截图 HTML Javascript 提前感谢。尝试为产品类型添加高z指数 尝试
尝试为多选择设置高z索引list@LaljiTadhani你能更新我的代码以便更好地理解吗。谢谢。@LaljiTadhani我不知道如何使用JS小提琴。你能告诉我在哪里添加Z索引吗。谢谢。尝试使用高z索引进行多选list@LaljiTadhani你能更新我的代码以便更好地理解吗。谢谢。@LaljiTadhani我不知道如何使用JS小提琴。你能告诉我在哪里添加Z索引吗。谢谢,它不起作用了。。当我删除Bootstrap.min.css时,它就工作了。问题是什么..我如何在Js FIDLE中包含文件?外部资源右侧添加到live URL我想添加本地文件。我如何包括本地文件?拉尔吉我可以上传谷歌硬盘上的文件,然后你会看看这个。我将非常感谢你。它不起作用了。。当我删除Bootstrap.min.css时,它就工作了。问题是什么..我如何在Js FIDLE中包含文件?外部资源右侧添加到live URL我想添加本地文件。我如何包括本地文件?拉尔吉我可以上传谷歌硬盘上的文件,然后你会看看这个。我将非常感谢你。
<link rel="stylesheet" type="text/css" href="jquery.multiselect_1.css" />
<link rel="stylesheet" type="text/css" href="jquery.multiselect.filter.css" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" />
<link rel="stylesheet" href="bootstrap.min.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.multiselect_1.js"></script>
<script type="text/javascript" src="jquery.multiselect.filter.js"></script>
<select name="industry" id="industry" class="industry" style="width:305px;" onchange="configureDropDownLists(this,document.getElementById('product_type'));" required>
<option value="" disabled="disabled" selected>Choose Industry*</option>
<option value="Agriculture & Food">Agriculture & Food</option>
<option value="Apparel, Textiles & Accessories">Apparel, Textiles & Accessories</option>
<option value="Auto & Tranportation">Auto & Tranportation</option>
<option value="Bags, Shoes & Accessories">Bags, Shoes & Accessories</option>
</select>
<select name="product_type" id="product_type" style="width:305px;">
</select>
jQuery("#product_type").multiselect({
minWidth: 360, multiple: false,
selectedList: 1
}).multiselectfilter({width:250});
function configureDropDownLists(ddl1,ddl2) {
var AgricultureFood = ['Agricultural Growing Media', 'Agricultural Waste', 'Animal Products', 'Beans'];
var ApparelTextilesAccessories = ['Apparel Design Services', 'Apparel Processing Services', 'Apparel Stock'];
switch (ddl1.value) {
case 'Agriculture & Food':
ddl2.options.length = 0;
for (i = 0; i < AgricultureFood.length; i++) {
createOption(ddl2, AgricultureFood[i], AgricultureFood[i]);
}
break;
case 'Apparel, Textiles & Accessories':
ddl2.options.length = 0;
for (i = 0; i < ApparelTextilesAccessories.length; i++) {
createOption(ddl2, ApparelTextilesAccessories[i], ApparelTextilesAccessories[i]);
}
break;
default:
ddl2.options.length = 0;
break;
}
jQuery('#product_type').multiselect('refresh');
}
function createOption(ddl, text, value) {
var opt = document.createElement('option');
opt.value = value;
opt.text = text;
ddl.options.add(opt);
}
#product_type{z-index:99999999;}