<!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>
分享到：
相关推荐
然而，根据你的标题和描述，你似乎遇到了一个特别的需求，即当你点击ComboBox的下拉框时，希望出现一个Grid组件，而不是默认的下拉列表。 ComboBox的默认行为是弹出一个包含选项的列表，而你想要实现的是当用户点击...
在IT行业中，`ComboBox`（组合框或下拉列表框）是一种常见的用户界面元素，广泛应用于各种应用程序中，包括桌面软件、网页应用以及移动应用。它结合了输入框和下拉列表的功能，允许用户从预定义的选项中选择或者输入...
在Internet Explorer浏览器中，当遇到下拉列表（Dropdown List）或列表框（ListBox）这样的控件时，如果它们包含的内容过多，导致不能完全显示在屏幕内，用户可能无法方便地查看所有选项。为了解决这个问题，我们...
在"Ajax下拉提示信息"这个主题中，我们可以深入探讨如何使用Ajax来创建交互式的下拉提示功能。 首先，`Tip.asp`可能是一个ASP（Active Server Pages）文件，用于处理服务器端的逻辑。在Ajax请求发送到服务器时，这...
4. **数据验证**：此功能允许你设置单元格输入规则，比如限制输入范围、确保输入唯一值，或是使用下拉列表选择，提高数据输入的准确性和一致性。 5. **排序与筛选**：对数据进行排序（升序/降序）和筛选（隐藏不...
3、下拉列表的显示，这里分纯文字列表下拉和带链接的下拉。 4、自定义浮动提示，模拟title的tip提示显示，右上角固定位置的操作提示层(ajax请求中提示，页面跳转中提示等)。 5、自定义容器装载外部图片，无柔化...
在实际应用中，我们经常需要根据某些条件动态地更改下拉列表的内容，这就需要用到DataWindowChild对象。 #### 三、实现动态变更的具体步骤 **1. 创建DataWindowChild对象** - 首先，在DataWindow设计器中添加一...
如果加倍金额高于最大小费，请在下拉列表中提供最大小费 当您打开无缝页面以激活时，单击右上角的按钮。 欢迎拉取请求！ Chrome 网上应用店网址： : 免责声明：不对您帐户中的任何过度收费负责！ 使用风险自负。
5. 下拉列表显示匹配的邮箱后缀，样式可以通过`.auto-tip li`进行定制，当选中某一项时，可以应用高亮样式（如`.hoverBg`）。 6. 支持键盘操作（上下箭头选择，回车确认）和鼠标点击选择下拉列表中的选项。 7. 当...
初始化两个主要的状态变量：`datalist`存储下拉列表的数据，`isShow`控制下拉列表是否展示。 2. **属性**： - `props`接收父组件传递的属性，如`itemlist`（包含当前选中项的数据）、`placeholder`（搜索框占位符...
项目要实现这样的一个功能(如下图所示):选择左边下拉列表框中的选项,点击添加按钮,把选择的选项移动到右边的下拉列表框中,同样的选择右边的选项,点击删除按钮,即把选择的选项移动到左边的下拉列表框中.相信用js很多...
例如，选中数据范围，然后在“条件格式”下拉菜单中选择“色阶”→“绿-黄-红色阶”，数据将根据其大小以绿色、黄色和红色渐变显示，便于快速理解数据的高低差异。 **Tip 6：数据条增强数据可视性** “数据条”...
在网页开发中，`<select>` 元素用于创建下拉列表，而 `multiple` 属性则使得用户可以在下拉列表中选择多个选项。本文将深入探讨 `select` 多选功能及其相关JavaScript操作。 首先，`<select>` 元素的 `multiple` ...
示例中还展示了一个`<load-more>`自定义组件的使用，其通过`tip`和`show-loading`属性来控制组件的状态和显示内容。 在整个上拉加载功能中，涉及到的关键技术点包括： - 监听滚动事件来检测用户是否滚动到页面底部...
当我们打开 Designer，在“文件夹列表”标签中右键点击我们自定过的任一文件，然后选择“版本历史记录”，我们就可以看到我们对此文件的每次修改的记录。如果我们不小心将文件弄坏，或者哪里改错，版本历史记录就...
3、下拉列表的显示，这里分纯文字列表下拉和带链接的下拉。 4、自定义浮动提示，模拟title的tip提示显示，右上角固定位置的操作提示层(ajax请求中提示，页面跳转中提示等)。 5、自定义容器装载外部图片，无...