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

更新時(shí)間：2008年05月15日 23:36:58 作者：

select超出一定長(zhǎng)度則變成省略號(hào)

<!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>腳本之家 www.dhdzp.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)試過(guò)了，沒(méi)用！/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需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

一個(gè)很簡(jiǎn)單的辦法實(shí)現(xiàn)TD的加亮效果.
一個(gè)很簡(jiǎn)單的辦法實(shí)現(xiàn)TD的加亮效果....
2006-09-09
兼容firefox的文本框只能輸入兩位小數(shù)的數(shù)字的代碼
JS實(shí)現(xiàn)文本框只能輸入兩位小數(shù)的數(shù)字,不顯示輸入的其它字符，兼容ie,firefox值得參考。
2009-12-12
textarea保留換行的注意事項(xiàng)
textarea保留換行的注意事項(xiàng)...
2007-08-08
TextArea 控件的最大長(zhǎng)度問(wèn)題(js json)
javascript json實(shí)現(xiàn)textarea最大長(zhǎng)度的控制實(shí)現(xiàn)代碼，需要的朋友可以測(cè)試下。代碼寫的很漂亮。
2009-12-12
form中限制文本字節(jié)數(shù)js代碼
form中限制文本字節(jié)數(shù)js代碼...
2007-06-06
javascritp實(shí)現(xiàn)input輸入框相關(guān)限制用法
javascritp實(shí)現(xiàn)input輸入框相關(guān)限制用法...
2007-06-06
JS checkbox控制操作代碼
下面的有關(guān)實(shí)現(xiàn)chckbox全選的方法或多或少存在一些缺陷，具體的方法在另一個(gè)帖子中有詳細(xì)的說(shuō)明
2008-12-12
用javascript將數(shù)據(jù)庫(kù)中的TEXT類型數(shù)據(jù)動(dòng)態(tài)賦值到TEXTAREA中
用javascript將數(shù)據(jù)庫(kù)中的TEXT類型數(shù)據(jù)動(dòng)態(tài)賦值到TEXTAREA中...
2007-04-04
如何使用?typed-rest-client?進(jìn)行?REST?API?調(diào)用
typed-rest-client是專為Node.js設(shè)計(jì)的庫(kù),用于以類型安全的方式與RESTful?API進(jìn)行交互,用戶可以方便地訪問(wèn)和處理API返回的數(shù)據(jù),此外,還需要定義相應(yīng)的接口來(lái)描述API返回的數(shù)據(jù)結(jié)構(gòu),確保類型安全,感興趣的朋友跟隨小編一起看看吧
2024-09-09
用 Javascript 驗(yàn)證表單(form)中多選框(checkbox)值
和單選框一樣，許多新手在用 Javascript 驗(yàn)證表單（form）中多選框（checkbox）的值時(shí)，都會(huì)遇到問(wèn)題，原因是 checkbox 和普通的文本框在獲取值的時(shí)候有很大不同
2009-09-09