html下拉框的宽度怎么设置,在HTML选择下拉选项中设置下拉元素的宽度

HTML：

Please select an item

Item text goes in here but it is way too long to fit inside a select option that has a fixed width adding more

CSS：

.shortenedSelect {

max-width: 350px;

}使用Javascript：

// Shorten select option text if it stretches beyond max-width of select element

$.each($('.shortenedSelect option'), function(key, optionElement) {

var curText = $(optionElement).text();

$(this).attr('title', curText);

// Tip: parseInt('350px', 10) removes the 'px' by forcing parseInt to use a base ten numbering system.

var lengthToShortenTo = Math.round(parseInt($(this).parent('select').css('max-width'), 10)/7.3);

if (curText.length > lengthToShortenTo) {

$(this).text('... ' + curText.substring((curText.length - lengthToShortenTo), curText.length));

}

});

// Show full name in tooltip after choosing an option

$('.shortenedSelect').change(function() {

$(this).attr('title', ($(this).find('option:eq('+$(this).get(0).selectedIndex +')').attr('title')));

});完美的工作。我自己也有同样的问题。看看这个JSFiddle http://jsfiddle.net/jNWS6/426/

html下拉框的宽度怎么设置,在HTML选择下拉选项中设置下拉元素的宽度相关推荐

文本域自定义下拉框支持模糊检索关键字高亮上下选择
转载自:文本域自定义下拉框支持模糊检索关键字高亮上下选择一.需求需要创建一个常见问题库,填写存在问题时可以下拉选择,可以模糊搜索,也可以手写.如果选择了问题库中的内容,自动填充内容到存在问 ...
word如何设置上标形式_如何在word中设置特殊页码
获取更多业界资讯和深度好文● 点击蓝字关注我们 ● 在日常工作中,我们编辑的word文档经常需要设置页码,但有时文档的第一页是封面,第二页才是正文,或者第二页是目录,第三页才是正文,如下图所示,而页码 ...
uni-app 开发小程序,使用到u-charts.js时会出现弹框或下拉框部分与图标重叠的情况(还有在解决过程中出现 vasToTempFilePath: fail canvas is empty)
如下图,是我用uni-app开发小程序时出现视图与弹框或下拉框重叠的效果图,在微信开发工具上显示正常,但到了真机上就这样. 解决措施: 在小程序中canvas层级过高,导致z-index也无法让弹窗置 ...
element 下拉框 el-select 自定义控制某项禁止选择
vue element 下拉框 el-select 自定义控制某项 el-option 禁止选择驾驶员,押运员不能同时选择同一个人例如:驾驶员选择张三押运员禁止选张三如果押运员选张三驾驶员 ...
vba有下拉框的模糊查找_输入快10倍，带模糊查找的Excel下拉菜单来了！
在Excel表格中设置下拉菜单很简单,但带模糊查询的你见过吗?兰色做了一个,先睹为快: 估计会有同学说兰色是用VBA做的. No! 做这样的智能菜单只需要一个辅助公式即可. 制作步骤: 1.设置辅助公 ...
下拉框可筛选多层级菜单多选_用Excel做多级下拉菜单媲美网页筛选器
用Excel进行数据收集,做好一个数据录入文件给用户使用,结果收回来的数据让你令人抓狂:手机号不是11位面积单位有人写平方米,有人写m2 张冠李戴,明明写姓名的地方,写了性别说好写保留一位小数,却 ...
linux中设置环境变量_如何在Linux中设置环境变量
linux中设置环境变量 Wondering how to set environment variables in Linux? This is exactly what we'll be doin ...
java url 设置超时_（转）HttpURLConnection中设置网络超时
Java中可以使用HttpURLConnection来请求WEB资源. HttpURLConnection对象不能直接构造,需要通过URL.openConnection()来获得HttpURLConn ...
android 设置字体大小和不同颜色,Android代码中设置字体大小，字体颜色，显示两种颜色.倒计时效果...
Android代码中设置字体大小,字体颜色,显示两种颜色在xml文件中字体大小用的像素 android:id="@+id/uppaid_time" android:layout_ ...
java中如何设置字体样式_如何在JAVA中设置字体样式和大小？
我是新来的Java和无法弄清楚如何格式化我的代码是这样的: 字体"宋体"字体大小"9"大胆如何在JAVA中设置字体样式和大小? 我想整个段落的格式化文本.我真的 ...

html下拉框的宽度怎么设置,在HTML选择下拉选项中设置下拉元素的宽度

html下拉框的宽度怎么设置,在HTML选择下拉选项中设置下拉元素的宽度相关推荐

最新文章

热门文章