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

ttx9n · 发表于 2008-5-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">

<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>

回复用户5 · 发表于 2022-8-12 03:18:23

很好，谢谢分享

3mfwk4yf · 发表于 2022-9-13 11:50:26

天天源码社区www.tiantianym.com

ppwxcg · 发表于 2022-9-19 17:12:54

灌灌灌灌水

白狐软件 · 发表于 2023-10-9 20:40:00

哟哟哟哟哟以偶

vir5051 · 发表于 2024-5-3 01:44:22

灌灌灌灌水

ki9ku6 · 发表于 2024-8-10 03:45:55

看到这帖子真是高兴！

qzdhcgs · 发表于 2024-9-5 08:01:08

谢谢分享，先下来用用

回复用户1 · 发表于 2024-9-11 23:03:02

了乐趣了去了去了去了去了

wxrf98xr · 发表于 2024-9-22 02:22:20

还有人在不。。。。。。。。。。啊

账号		自动登录	找回密码
密码			立即注册

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