1

我有一个 div 和一张桌子。在 div 里面有下拉菜单。div 可以水平滚动。我使用以下工具进行下拉。

收获选择

现在这里是其中的一部分。 图 1

在图 1 中，您可以看到我已经将水平滚动条带到了它的末尾。现在我选择了一个下拉菜单，看看发生了什么。

图 2

图 2 是结果。单杠来到它的开头。我不想要那个。我希望将条准确放置在选择之前的位置。这个单杠在一个 div里面width:200%，主体是width:100%

一个下拉菜单的代码：

<select data-placeholder="" class="chzn_class eighty_percent" name="currency_id_1" id="currency_id_1">
    <option value=""></option>
    <option value="0">None</option>
</select>

谁能告诉我出了什么问题？我怎样才能解决这个问题？

小提琴

确切的问题

4

2 回答 2

3

根据您的小提琴，我注意到如果我从初始化 javascript 中删除了禁用搜索设置，那么问题就会消失。

$('.chosen-select').chosen();

但这提出了一个新的问题，即显示搜索框！所以可以用一点css来隐藏搜索框。

.chosen-search { display: none; }

我从来没有使用过harveshq，但我猜想该选项会在少于给定数字（在您的情况下为10）时隐藏搜索功能。

因此，也许要复制此功能，您不能对上述 css 进行硬编码，而是使用 javascript 动态隐藏搜索框。即测试option元素的数量，然后找到.chosen-search元素和.hide()它。

所以不要包括样式.chosen-search { display: none; }并使用它：

$('.chosen-select').chosen();

var disable_search_threshold = 10;
$('.chosen-select').each(function (index, element) {
    var $select = $(element);
    if ($select.find('option').length < disable_search_threshold) { 
        $select.next('div').find('.chosen-search').hide();
    }
});

小提琴

于 2014-01-15T06:10:39.570 回答
0

只需尝试添加 overflow-y:hidden; 属性并设置宽度：100%。如果这不起作用，请尝试删除宽度和高度属性并添加溢出：滚动；属性到 div。

如果您提供 jsfiddle 参考，我可以提供更好的帮助。

于 2014-01-15T05:21:06.560 回答