在移动选择2搜索时隐藏移动键盘打开

时间:2017-08-11 10:13:56

标签: javascript jquery-select2

在浏览器网站上工作得很好..但是,当我在移动问题上打开它时,我面对像贝娄图像。 enter image description here

滚动页面后我看到这样的搜索框.. enter image description here

任何人都帮我解决了这个问题代码就在这里。

<td colspan="2">
<select name="sel_specialities" id="sel_specialities"  data-placeholder="--<?php echo $this->lang->line('select'); ?>--" class="select" >
    <option value=""></option>
    <?php
    foreach ($specList as $spec) {
        ?>
        <option value="<?php echo $spec['SPEC_ID']; ?>" <?php echo $this->session->userdata('sel_specialities') == $spec['SPEC_ID'] ? 'selected="selected"' : ''; ?> ><?php echo $spec['SPEC_NAME']; ?></option>
        <?php
    }
    ?>
</select>

脚本

$(function(){

$(".select").select2();

});

1 个答案:

答案 0 :(得分:1)

添加你的css

body .select2-container.select2-container--default.select2-container--open {
    top: 305px!important;
    left: 22px!important;
}
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
    top: auto!important;
}
相关问题