固定宽度的select下拉单,值过长导致显示不全的问题解决方案
来源:互联网 发布:三丰cmm编程视频 编辑:程序博客网 时间:2024/05/25 23:28
如下图所示为固定宽度的select下拉单,值过长导致显示不全的效果图
解决方案:
function testSelect(){
//获取下拉单id(accReasonCode.accBookId)的对象
var accBookId = id("accReasonCode.accBookId");
//获取下拉单的值
var accBookIds = accBookId.value;
//声明两个数组分别用于存放下拉单的option value 和option实际显示的值
var keyArray = [];
var valueArray = [];
if(accBookId.options){
var size = accBookId.options.length;
for(var i=0; i<size; i++){
var key = accBookId.options[i].value;
var value = accBookId.options[i].text;
keyArray.push(key);
valueArray.push(value);
}
//置空下拉单
accBookId.options.length=0;
//重新生成下拉单
for(var i=0;i<keyArray.length;i++){
//key在后,值在前
var option = new Option(valueArray[i],keyArray[i]);
//添加title属性
option.title = valueArray[i];
accBookId.add(option);
}
}
//选中起始值对应的下拉选项
accBookId.value = accBookIds;
}
执行上述js代码,效果图如下,本着抛砖引玉的目的,希望大家多多提意见
0 0
- 固定宽度的select下拉单,值过长导致显示不全的问题解决方案
- html固定宽度下拉框内容显示不全问题解决方法
- html固定宽度下拉框内容显示不全问题解决方法
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 固定宽度下拉列表中option内容显示不全问题解决方法
- 解决select选项内容过长,文字显示不全的问题
- HTML中的select下拉框内容显示不全的解决办法
- HTML中的select下拉框内容显示不全的解决办法
- ScrollView中包含ListView显示不全的问题解决方案
- 文字过长,QLabel显示不全的问题
- 解决IE8固定宽度下拉列表中option内容显示不全问题
- IE6,7下select宽度定死显示不全的解决方案
- IE 6/7/8 BUG:下拉框select设宽度时option超出显示不全
- Bootstrap Flat UI的select下拉框显示问题解决
- JavaScript解决select下拉框中的内容太长显示不全的问题
- Echarts-axislabel文字过长导致显示不全或重叠
- Echarts-axislabel文字过长导致显示不全或重叠
- Mybatis中使用like模糊查询
- win7 64位配置mysql 5.6免安装版,初始化配置和Mysql创建新用户方法 .
- ios中关于delegate(委托)的使用心得
- html禁止清除input文本输入缓存
- 的是的复合式风格还是翻盖黑色风格和
- 固定宽度的select下拉单,值过长导致显示不全的问题解决方案
- Android Studio汉化工具(首发)---让AS简单易使用
- 20140415关于民委项目思考
- SQL Server 2005 镜像构建手册
- Nginx和PHP-FPM的启动/重启脚本
- Unity 用户手册iOS 开发入门iOS 功用优化运用内置分析器测定功用
- UDP异步通信C#
- Linux下github的配置
- 怎样将一个数据库里的所有数据表的名字绑定到ComboBox中