js下拉框里超過變成省略號(hào)

2019-11-21 01:44:58

字體：大中小

供稿：網(wǎng)友

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>武林網(wǎng) m.survivalescaperooms.com js下拉框省略號(hào)</title> </head> <body>     <select id="a">         <option slected="slected">下拉框里的字太多了，下拉框會(huì)變長(zhǎng)，然后把版面擠亂了，多余的如何顯示成省略號(hào)？</option>         <option>或者限制住下拉框的跨度也行？</option>         <option>style="width:100px;"</option>         <option>這種已經(jīng)試過了，沒用！/option>     </select>     <script type="text/javascript">         function cutOption(selectObj , length) {             this.selectObj = selectObj;             this.length = length;         }         cutOption.prototype.init = function() {             this.options = this.selectObj.getElementsByTagName('option');             for(i=0 , j=this.options.length ; i<j ; i++ )             {                 text = this.options[i].firstChild.nodeValue;                 if(text.length<=this.length)                 {                     return;                 }                 else {                     this.options[i].innerHTML = text.substring(0,this.length) + '...';                 }             }         }         obj = document.getElementById('a');         //想要幾個(gè)字就改第二個(gè)參數(shù);         var optionClass = new cutOption(obj , 2);         optionClass.init();     </script> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：js簡(jiǎn)單的表拖拽

下一篇：Dom加載讓圖片加載完再執(zhí)行的腳本代碼