javascript - 选择列表的所有值后文本被剪切

Question

在选择列表中的所有值时(使用 ctrl+A)文本被剪切。我需要没有 chop 的全文。这是 jsfiddle example .我尝试了不同的组合，只是不明白为什么会发生这种情况或解决它。

HTML代码:

<select class="leftList" multiple size="10" >                                                   
    <option value="GPRS_Data333333L">GPRS_L(Bytes)</option>
    <option value="GPRS_&&&&&&&&&&&&&DL">GPRytes)</option>
    <option value="GPRS_Data_Volume_DL">GPRS_D_DL(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">ol(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">G_Volume_DL(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume_DL(Bytes)</option>
    <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume)</option>
    <option value="GPRS_DL">GPRytes)</option> 
</select>

CSS:

.leftList {
    width: 115px;
    overflow-x: scroll;
    height:200px;
}

Answer 1

如果它允许你用一个 div 包裹它，你可以给 div 一个“leftList”类:

<div class="leftList">
    <select multiple size="10" >                                                    
       <option value="GPRS_Data333333L">GPRS_L(Bytes)</option>
        <option value="GPRS_&&&&&&&&&&&&&DL">GPRytes)</option>
        <option value="GPRS_Data_Volume_DL">GPRS_D_DL(Bytes)</option>
        <option value="GPRS_Data_Volume_DL">ol(Bytes)</option>
        <option value="GPRS_Data_Volume_DL">G_Volume_DL(Bytes)</option>
        <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume_DL(Bytes)</option>
           <option value="GPRS_Data_Volume_DL">GPRS_Data_Volume)</option>
            <option value="GPRS_DL">GPRytes)</option>
    </select>    
</div>

这就是总宽度保持 115 像素的方式，并且您有一个用于选项的内部滚动条。
示例:http://jsfiddle.net/729nX/42/