选择下拉列表重叠
selectize dropdown is overlapped
你好,我正在使用selectize来制作标签,但问题是我的selectize下拉列表与其他div重叠。
我所做的就像
<div style='width:300px;height:40px;float:left;'> // if needed i can modify this div css
<?=functionToGetTags();?> // this is the function which is called here ...
</div>
PHP
function functionToGetTags(){
<script src="tags/selectize.js"></script>
<link rel="stylesheet" href="tags/selectize.default.css"/>
<div class="control-group">
<select id="<?=$getid_i?>" multiple name="dept[]" class="demo-default" >
<option value=""><?=$placehol?></option>
<?php if ($tagwhats =='depts'){
// something to get ....
} else if($tagwhats =='skills'){
// something here ...
} ?>
</select>
</div>
<script>
var eventHandler = function(name) {
return function() {
console.log(name, arguments);
$('#log').append('<div><span class="name">' + name + '</span></div>');
};
};
var $select = $('#'+"<?=$getid_i?>").selectize({
create : true,
onChange : eventHandler('onChange'),
onItemAdd : eventHandler('onItemAdd'),
onItemRemove : eventHandler('onItemRemove'),
onOptionAdd : eventHandler('onOptionAdd'),
onOptionRemove : eventHandler('onOptionRemove'),
onDropdownOpen : eventHandler('onDropdownOpen'),
onDropdownClose : eventHandler('onDropdownClose'),
onFocus : eventHandler('onFocus'),
onBlur : eventHandler('onBlur'),
onInitialize : eventHandler('onInitialize'),
});
</script>
}
唯一的问题是,下降是重叠的,其他事情都很好,请建议我一些我已经尝试过扰乱z指数和绝对位置的东西。没有帮助。。
忘记selectize.css类。对我有效的是:
使用以下内容创建另一个类:
.myNewClass {
position: absolute !important;
z-index: 999;
}
并将这个类放入您的<select>
标签中
在此之后,您应该重新调整元素,但问题可能会得到解决。
添加selectize
参数dropdownParent:'body'
select.selectize({
dropdownParent:'body',
delimiter: obj.delimiter,
openOnFocus:true,
})
相关文章:
- 如何使用jQuery选择下拉列表的值
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- jQuery表单添加不适用于下拉列表
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 禁用jQuery中的下拉列表
- 如何在按钮中显示下拉列表中选定的元素
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- 如何使用PHP和JS级联三个下拉列表
- 如何在使用剑道 MVVM 下拉列表时强制选择第一项
- 语义ui如何使用javascript启用或禁用下拉列表
- 无法使用PHP动态设置下拉列表中的值
- 如何根据对具有多行的先前列表的选择来动态加载下拉列表
- 下拉列表在使用z索引放置在前面后停止工作
- 从多维嵌套json数组创建下拉列表
- 如何在剑道下拉列表中按文本和值搜索
- 使用下拉列表筛选列表(ul>li)
- 如何使用jquery从下拉列表(javascript)中选择192.168.3.0进行测试自动化
- 使用codeigniter的多链下拉列表
- 选择下拉列表重叠