<!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>无标题文档</title>
</head>
<body>
<select id="a">
<option slected="slected">下拉框里的字太多了，下拉框会变长，然后把版面挤乱了，多余的如何显示成省略号？</option>
<option>或者限制住下拉框的跨度也行？</option>
<option>style="width:100px;"</option>
<option>这种已经试过了，没用！/option>
</select>
<script>
var optionW=5; //option字符长度
window.onload=function(){
var a=document.getElementById("a").getElementsByTagName("option");
for (i=0;i<a.length;i++ ){
if (a[i].text.length > optionW){
a[i].innerHTML=a[i].text.substring(0,optionW-1)+"...";
}
}
}
</script>
</body>
</html>
<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>
分享到：
相关推荐
3、下拉列表的显示，这里分纯文字列表下拉和带链接的下拉。 4、自定义浮动提示，模拟title的tip提示显示，右上角固定位置的操作提示层(ajax请求中提示，页面跳转中提示等)。 5、自定义容器装载外部图片，无柔化...
如果加倍金额高于最大小费，请在下拉列表中提供最大小费 当您打开无缝页面以激活时，单击右上角的按钮。 欢迎拉取请求！ Chrome 网上应用店网址： : 免责声明：不对您帐户中的任何过度收费负责！ 使用风险自负。
项目要实现这样的一个功能(如下图所示):选择左边下拉列表框中的选项,点击添加按钮,把选择的选项移动到右边的下拉列表框中,同样的选择右边的选项,点击删除按钮,即把选择的选项移动到左边的下拉列表框中.相信用js很多...
当当当当，就是与某元素有位置关系的浮动层（例如tip类效果，鼠标经过显示大图，下拉列表等）。 二、插件概述 插件名为jquery-powerFloat.js。//zxx:之前我喜欢用”.”连接，后发现在使用combo合并脚本的时候会出...
3、下拉列表的显示，这里分纯文字列表下拉和带链接的下拉。 4、自定义浮动提示，模拟title的tip提示显示，右上角固定位置的操作提示层(ajax请求中提示，页面跳转中提示等)。 5、自定义容器装载外部图片，无...
主页已推出TvProgress随意定制变形进度条vcl组件。 vc典范代码移植升级。Object pascal 编写 可用在delphi,bcb中 ...可以让下拉列表过长部分显示提示窗口 (Tip) 提示窗口颜色随意定制 b.Flat样式
[新功能] ComplexFields组件新增tip提示文字选项 [新功能] BizException支持自定义特定异常视图 [系统优化] 按钮样式边框兼容性优化 [系统优化] 安装向导伪静态测试浏览器缓存问题 [系统优化] 顶部菜单用户中心增加...
(61KB)<END><br>101,toolbar2.zip 这个程序演示了如何利用工具栏的新特性，在工具栏中的某个按钮加入下拉式的列表。(28KB)<END><br>102,avi_bar.zip 可以在状态栏里加入一个AVI动画。(34KB)<END><br>103,...
按钮嵌入dialog - 弹出窗口tip - 提示信息chartForPercent - 百分比仪表fixAbleGrid - 可固定列grid (grid扩展)rangeDatePicker - 自定义可范围选择日历fuzzySelectForDropList - 带模糊搜索的单选或多选下拉列表.....
在Asp.net中如何用SQLDMO来获取SQL Server中的对象信息 使用Relations建立表之间的关系并却使用PagedDataSource类对DataList进行分页 通过作业,定时同步两个数据库 SQLSERVER高级注入技巧 利用反射实现ASP.NET控件和...
arcgis工具总结 ...这种方法选择某一图层中包含另一图层中要素的要素。这种方法与完全包含（Completely contain）方法的区别在于：要素间的边界可以接触。例如，使用包含（Contain）方法，即使湖泊的边界和包含该...
一款美化表单下拉列表、复选框等的jquery combobox插件实例 30.站长必备jquery实现combox自动筛选,高亮显示功能 4)菜单 1.jquery+CSS超炫丽横向多级滑动导航菜单 2.jQuery+CSS漂亮蓝色三级菜单下载 3....