首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

select 怎么根据文字长度自适应宽度

发布网友 发布时间:2022-04-24 19:49

我来回答

4个回答

懂视网 时间:2022-05-13 08:12



select宽带默认的是3这项的宽度,如选择其他的时候则显得太长,要让它随文字的长度改变宽度,如何改动?


回复讨论(解决方案)

这种需求完全没必要,一般固定一个宽度,字符超长就截取。硬是要做得根据字数计算设置SELECT宽度,麻烦得很

等高手。。。。。。

这种需求完全没必要,一般固定一个宽度,字符超长就截取。硬是要做得根据字数计算设置SELECT宽度,麻烦得很



太打击我鸟·

select的 onchange事件中 重置 select的长度
~~
查看当前选定的option的 text 计算里面文本的宽度

楼主这个问题是有关ie678的一个bug,我正在研究,你现在有办法了吗?

热心网友 时间:2022-05-13 05:20

通过索引设置
$(select).get(0).selectedIndex=index;//index为索引值

通过value值设置
var value="你要设置的值";
$(select).attr("value",value);
$(select).val(value);
$(select).get(0).value = value;
通过text值设置
var text="要选中的text";
$("#select的ID option[text=text).attr("selected", true);

热心网友 时间:2022-05-13 06:38

整体思路就是在change的时候获取option里面的字数,再乘以一个适当的宽度

$('select').change(function(){
    _v = $(this).find('option:selected').text().length*16;
    $('select').css('width',_v+'px')
})

热心网友 时间:2022-05-13 08:12

直接加上min-width不行吗

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com