页面导航：首页 → 网络编程 → JavaScript → 表单特效 → 正文内容 js下拉框省略号

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

发布：dxy 字体：[增加减小] 类型：转载

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

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>脚本之家 www.jb51.net js下拉框省略号</title>

</head>

<body>

<option slected="slected">下拉框里的字太多了，下拉框会变长，然后把版面挤乱了，多余的如何显示成省略号？</option>

<option>或者限制住下拉框的跨度也行？</option>

<option>style="width:100px;"</option>

<option>这种已经试过了，没用！/option>

</select>

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 全选提示:你可先修改部分代码,再按运行]

Tags：js 下拉框超过省略号

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：javascript+css好多网站用的选星星实现打分功能的函数
下一篇文章：js禁用和激活input表单的方法

·在百度中搜索关于“js下拉框里超过变成省略号”相关内容
·在谷歌中搜索关于“js下拉框里超过变成省略号”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行