Question

我在表格单元格中放置了一个select语句。在某些投入之前，ui看起来很好。下拉列表的输入是从数据库动态获取的。某些输入文本很大，它可以被包装，表格宽度增加..有一个解决方案来包装文本后一定的大小或我可以重新调整大小选择或我可以限制表格大小固定..

Answer 1

您可以使用CSS设置选择框的宽度：

<select style="width: 200px;">...</select>

这将修复宽度并切断任何不适合的文本。

Answer 2

您可以使用宽度属性或样式

设置“选择”的宽度

<select name="fd" width="230" STYLE="width: 230px" size="0">

Answer 3

为什么不在结果显示之前截断结果呢？确保value的{{1}}属性为全文，并且只截断option的内部文本节点。

在不知道如何获取下拉列表的元素的情况下，很难给出更具体的答案（例如实现）。

或者你可以用CSS做到这一点：

option

Answer 4

好的，所以这是我经过一段时间后想出来的解决方案。它将根据子选项的最大宽度自动增加选择框的大小。

window.onload = function（） { var elem = document.getElementById（'test'）; var values = elem.length; var largest_value = 0; var largest_option ='';

 for(var i = 0; i <= values; i++)
 {
   if (elem.options[i])
   {
     var len = elem.options[i].value.length;
   }

   if (biggest_value < len)
   {
     biggest_value = len;
     biggest_option = elem.options[i];
   }
 }

 document.getElementById('test').style.width = biggest_option.offsetWidth + 'px';

};

选择框：

<select id="test">
 <option value="Hello">Hello</option>
 <option value="Hello Again">Hello Again</option>
 <option value="Hello Yet Again">Hello Yet Again</option>
</select>

html中选择输入的问题

4 个答案: