Javascript 将文本包装到下拉列表的下一行

Javascript 将文本包装到下拉列表的下一行,javascript,jquery,html,css,Javascript,Jquery,Html,Css,嗨,我已经创建了一个下拉列表,其中第一个元素的长度非常高,当我执行它时,元素中的文本比下拉区域中的文本扩展得更多。有没有办法让元素的文本变成下一个,并且具有相同的下拉宽度 var name1=“AJNJKBNDGJKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKLKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK, nam

嗨,我已经创建了一个下拉列表,其中第一个元素的长度非常高,当我执行它时,元素中的文本比下拉区域中的文本扩展得更多。有没有办法让元素的文本变成下一个,并且具有相同的下拉宽度

var name1=“AJNJKBNDGJKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKLKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK,
name2=“B”,
name3=“C”;
var s=document.getElementById('names');
s、 子项[0]。innerText=name1;
s、 子项[1]。innerText=name2;
s、 子项[2]。innerText=name3
.setMyWidth{width:5000px;}

填充1
填充2
填充3

不可能自定义
选项的宽度,如果您想实现这一点,可以使用自定义选择插件,如

  • 请参阅下面代码段中所选的演示

    var name1=“AJNJKBNDGJKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKLKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK,
    name2=“B”,
    name3=“C”;
    var s=document.getElementById('names');
    s、 子项[0]。innerText=name1;
    s、 子项[1]。innerText=name2;
    s、 子项[2]。innerText=name3;
    $(“#名称”)。已选择({
    宽度:“200px”
    });
    
    /*!
    Selected是jQuery和Prototype的选择框增强器
    Patrick Filler为Harvest创作,http://getharvest.com
    版本1.6.2
    完全来源于https://github.com/harvesthq/chosen
    版权所有(c)2011-2016收获http://getharvest.com
    麻省理工学院执照,https://github.com/harvesthq/chosen/blob/master/LICENSE.md
    此文件由“grunt build”生成,请勿手动编辑。
    */
    /*@集团基地*/
    .所选容器{
    位置:相对位置;
    显示:内联块;
    垂直对齐:中间对齐;
    字体大小:13px;
    -webkit用户选择:无;
    -moz用户选择:无;
    用户选择:无;
    }
    .所选集装箱*{
    -webkit框大小:边框框;
    -moz框大小:边框框;
    框大小:边框框;
    }
    .选择的容器。选择的滴落{
    位置:绝对位置;
    最高:100%;
    左:-9999px;
    z指数:1010;
    宽度:100%;
    边框:1px实心#aaa;
    边界顶部:0;
    背景:#fff;
    盒影:0 4px 5px rgba(0,0,0,0.15);
    }
    .choosed-container.choosed-with-drop.choosed-drop{
    左:0;
    }
    .所选容器a{
    光标:指针;
    }
    .所选容器。搜索选项。组名,
    .所选容器.所选单个.组名{
    保证金权利:4px;
    溢出:隐藏;
    空白:nowrap;
    文本溢出:省略号;
    字体大小:正常;
    颜色:#999999;
    }
    .所选容器。搜索选项。组名:之后,
    .所选容器。所选单个。组名称:后{
    内容:“:”;
    左侧填充:2px;
    垂直对齐:顶部;
    }
    /*@end*/
    /*@组单选*/
    .所选容器单个。所选容器单个{
    位置:相对位置;
    显示:块;
    溢出:隐藏;
    填充:0 8px;
    高度:25px;
    边框:1px实心#aaa;
    边界半径:5px;
    背景色:#fff;
    背景:-webkit渐变(线性,50%0%,50%100%,颜色停止(20%,#ffffff),颜色停止(50%,#F6F6),颜色停止(52%,#eeeeee),颜色停止(100%,#F4));
    背景:-webkit线性梯度(#ffffff 20%,#f6f6f6 50%,#EEEEE 52%,#F4 100%);
    背景:-莫兹线性梯度(#ffffff 20%,#f6f6f6 50%,#EEEEE 52%,#F4 100%);
    背景:-o-线性梯度(#ffffff 20%,#f6f6f6 50%,#EEEEE 52%,#F4 100%);
    背景:线性梯度(20%、50%、52%、100%);
    背景剪辑:填充框;
    盒影:0 0 3px白色镶嵌,0 1px 1px rgba(0,0,0,0.1);
    颜色:#444;
    文字装饰:无;
    空白:nowrap;
    线高:24px;
    }
    .所选容器单个.所选默认值{
    颜色:#999;
    }
    .选择单个容器。选择单个跨度{
    显示:块;
    溢出:隐藏;
    右边距:26px;
    文本溢出:省略号;
    空白:nowrap;
    }
    .所选容器单个。使用取消选择范围选择单个{
    右边距:38px;
    }
    .所选容器单个.所选单个缩写{
    位置:绝对位置;
    顶部:6px;
    右:26px;
    显示:块;
    宽度:12px;
    高度:12px;
    背景:url('selected-sprite.png')-42px 1px无重复;
    字号:1px;
    }
    .所选容器单个.所选单个缩写:悬停{
    背景位置:-42px-10px;
    }
    .selected-container-single.selected-disabled.selected-single缩写:悬停{
    背景位置:-42px-10px;
    }
    .选择的容器单个.选择的单个div{
    位置:绝对位置;
    排名:0;
    右:0;
    显示:块;
    宽度:18px;
    身高:100%;
    }
    .选择单个容器。选择单个分区b{
    显示:块;
    宽度:100%;
    身高:100%;
    背景:url('selected-sprite.png')不重复0px 2px;
    }
    .所选容器单个.所选搜索{
    位置:相对位置;
    z指数:1010;
    保证金:0;
    填充物:3px4px;
    空白:nowrap;
    }
    .selected container single.selected搜索输入[type=“text”]{
    保证金:1px0;
    填充:4px20px 4px5px;
    宽度:100%;
    高度:自动;
    大纲:0;
    边框:1px实心#aaa;
    背景:白色url('selected-sprite.png')不重复100%-20px;
    背景:url('selected-sprite.png')不重复100%-20px;
    字号:1em;
    字体系列:无衬线;
    线高:正常;
    边界半径:0;
    }
    .选择容器单个.选择放置{
    页边顶部:-1px;
    边界半径:0 0 4px 4px;
    背景剪辑:填充框;
    }
    .selected-container-single.selected-container-single-nosearch.selected搜索{
    位置:绝对位置;
    左:-9999px;
    }
    /*@end*/
    /*@团体成绩*/
    .所选容器。所选结果{
    颜色:#444;
    位置:相对位置;
    溢出x:隐藏;
    溢出y:自动;
    利润率:0.4px4p0;
    填充:0 4px;
    最大高度:240px;
    -webkit溢出滚动:触摸;
    }
    .所选容器.所选结果li{
    显示:无;
    保证金:0;
    填充:5px6px;
    列表样式:无;
    线高:15px;
    
    .chosen-container .chosen-results {
      overflow-x: scroll;
    }