3

我的表单中的选择字段有问题。这是一个单一的选择字段，所以 JQuery 将它变成了一个按钮，我可以点击它来选择相应的选项。如果该选项的文本相当长，则选择按钮会变得比屏幕宽，因此它仅部分可见。

我检查了由 JQuery 创建的以显示按钮，它设置了 CSS 'overflow: ellipse'，所以当我给所说的 span 一个小于屏幕宽度的固定宽度时，选项文本会被截断为 '...' 和一切看起来都很好。

有没有办法自动触发该行为？

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

4

2 回答 2

2

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

于 2013-01-21T21:15:34.157 回答
0

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

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

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

            });
        </script>

我知道这没有多大帮助，但据我了解，选择框是最难交互的框之一，或者至少，这就是互联网所说的。

我将提供一个“JQuery 选择备忘单”，我发现它对我寻求解决方案很有帮助-> http://comp345.awardspace.com/select_element_cheatsheet.pdf

于 2012-05-25T09:40:45.900 回答