Question

我的表单中的选择字段存在问题。它是一个单独的选择字段，因此JQuery将其转换为一个按钮，我可以点击该按钮来选择相应的选项。如果该选项的文本相当长，则选择按钮变得比屏幕宽，因此它只是部分可见。

我检查了由JQuery创建的显示按钮并且它具有CSS'overflow：ellipse'设置，所以当我给所述跨度一个小于屏幕宽度的固定宽度时，选项文本被截断为'.. “而且一切都很好。

有没有办法自动触发这种行为？

'viewport'元标记设置为'width = device-width，user-scalable = no'

Answer 1

可能会迟到，但我希望其他人能发现这有用。如果select包含在 fieldset 标记中，则将其替换为 div 可以解决问题。

Answer 2

我也在寻找设置选择框宽度的方法，但在谷歌搜索很长一段时间后，我放弃了，只是缩短了选择控件中显示的文字。

        <script type="text/javascript">
            $('#myselect').change(function () {

                var sel = $("#myselect option:selected").text().substring(0, 20);
                $("#myselect option:selected").text(sel);

            });
        </script>

我知道这没什么用处，但据我所知，选择框是最难互动的，或者至少是互联网所说的。

我会投入一个“JQuery选择备忘单”，我发现这对我的解决方案很有帮助 - ＆gt; http://comp345.awardspace.com/select_element_cheatsheet.pdf

JQuery mobile选择选项文本太长

2 个答案: