选择宽度等于最大选项

我想使DropDownList与其中的JQuery-Chosen一样反应，就像所有其他“普通”DropDownLists一样，匹配等于DDL上最大选项的宽度。我尝试了一些不同的方法来完成这项工作，使用CSS和JQuery，但我尝试的所有方法都变得很难看。选择宽度等于最大选项

选者选择框的宽度。默认情况下，选择尝试匹配要替换的选择框的宽度。如果您的选择在实例化时被隐藏，则必须指定宽度或选择将显示宽度为0.

任何解决此问题的方法？

$('.chosen').chosen({ 
    width: 'auto' 
});

我除去'{宽度： '自动'} '它的工作。如果这就是你要做的事情。 **编辑**不要紧，它会消耗整个区域的宽度。 – 2015-04-01 19:44:14

小修复，现在加载引导程序选择：http://jsfiddle.net/5yL5qy8o/ – 2015-04-01 20:23:01

不知道如果我得到了问题的权利，但由于使用的是引导，你可以做这样的事情在CSS：

.chosen-drop { 
    position: inherit !important; 
}

2015-04-01 19:47:52

试试这个大小。：d
Fiddle

$('.chosen').chosen();

.form-control { 
 
    width: auto; 
 
}

2015-04-01 19:49:16

不错，但我不知道是否因为我使用ASP.NET，但这不适合我。 =（我现在正在发生什么事情：http://img.ctrlv.in/img/15/04/01/551c5474d348d.png – 2015-04-01 20:27:07

@Luisao如果DDL无法再向右扩展，它会赢得' t我不知道是否有更多的空间到右边另外asp.net的确喜欢格式化，我在工作中使用了很多w/Bootstrap – 2015-04-01 20:56:52

我刚刚链接了SS以表明什么你建议使用JSFiddle，但在我的工作空间（我使用的是asp.net）中没有工作，我也使用Bootstrap，并且它的css是bootstrap选择的。DDL有足够的空间，它与我选择的第一个选项的宽度相匹配。 – 2015-04-02 22:34:28

我使用这个下面的代码试图和它的工作，检查了这一点：

$('.chosen').chosen({ 
    width: '100%' 
});

2017-11-06 03:41:46 Sphro

回答