js下拉框里超过变成省略号

更新时间：2008年05月15日 23:36:58 作者：

select超出一定长度则变成省略号

<!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.jb51.net js下拉框省略号</title> 
</head> 
<body> 
    <select id="a"> 
        <option slected="slected">下拉框里的字太多了，下拉框会变长，然后把版面挤乱了，多余的如何显示成省略号？</option> 
        <option>或者限制住下拉框的跨度也行？</option> 
        <option>style="width:100px;"</option> 
        <option>这种已经试过了，没用！/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'); 
        //想要几个字就改第二个参数; 
        var optionClass = new cutOption(obj , 2); 
        optionClass.init(); 
    </script> 
</body> 
</html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

一个很简单的办法实现TD的加亮效果.
一个很简单的办法实现TD的加亮效果....
2006-09-09
兼容firefox的文本框只能输入两位小数的数字的代码
JS实现文本框只能输入两位小数的数字,不显示输入的其它字符，兼容ie,firefox值得参考。
2009-12-12
textarea保留换行的注意事项
textarea保留换行的注意事项...
2007-08-08
TextArea 控件的最大长度问题(js json)
javascript json实现textarea最大长度的控制实现代码，需要的朋友可以测试下。代码写的很漂亮。
2009-12-12
form中限制文本字节数js代码
form中限制文本字节数js代码...
2007-06-06
javascritp实现input输入框相关限制用法
javascritp实现input输入框相关限制用法...
2007-06-06
JS checkbox控制操作代码
下面的有关实现chckbox全选的方法或多或少存在一些缺陷，具体的方法在另一个帖子中有详细的说明
2008-12-12
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中...
2007-04-04
如何使用 typed-rest-client 进行 REST API 调用
typed-rest-client是专为Node.js设计的库,用于以类型安全的方式与RESTful API进行交互,用户可以方便地访问和处理API返回的数据,此外,还需要定义相应的接口来描述API返回的数据结构,确保类型安全,感兴趣的朋友跟随小编一起看看吧
2024-09-09
用 Javascript 验证表单(form)中多选框(checkbox)值
和单选框一样，许多新手在用 Javascript 验证表单（form）中多选框（checkbox）的值时，都会遇到问题，原因是 checkbox 和普通的文本框在获取值的时候有很大不同
2009-09-09

js下拉框里超过变成省略号

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具