html - 具有固定宽度问题的多项选择，选项太长

Question

我有这个:

 <select id="combo1" size="7" name="operacion">
   <option selected="" value="000">Selecciona una categoría</option>
   <option value="1">"AUTORIZACIÓN PARA TRABAJAR POR CUENTA PROPIA"</option>
   <option value="2">"MODIFICACIONES"</option>
   <option value="3">"RENOVACIÓN"</option>                        
 </select>

它的宽度是固定的，但碰巧选项来自数据库，它们有时太长，我无法看到它们。

你可以在这里看到:http://jsfiddle.net/vN47R/

我唯一能找到的是 In a fixed width <select multiple> html box, is there a way to see text options that are to long?但没有帮助我。

Answer 1

您可以在选项上设置标题，这样当您指向该元素时，文本将显示为工具提示:

<option value="1" title="AUTORIZACIÓN PARA TRABAJAR POR CUENTA PROPIA">"AUTORIZACIÓN PARA TRABAJAR POR CUENTA PROPIA"</option>

演示:http://jsfiddle.net/Guffa/vN47R/2/

我在一些浏览器上测试过，至少在 IE 9、Firefox 6、Chrome 13 和 Opera 11 上是可以的。但是，在你没有任何指向的环境下，它自然无法工作。元素，例如在手机上。