使用Jquery更改下拉宽度

Question

在我的表单中有四个DropDown列表控件，我想使用Jquery将其中一个控件的宽度设置为200px。因为此控件的值会动态变化，并且不知道长度是多少。这该怎么做？与IE8。

Answer 1

如果您发布HTML会有所帮助，但您可以这样做：

$("#idOfMyDropdown").css("width", "200px");

Answer 2

您可以使用 change() 事件跟踪您的选择值何时更改，并使用 width() 设置宽度它：

$('#dropDownId').change(function() {
    $(this).width(200);
}).change();

Answer 3

一种选择是使用width

$('#selectId').width(200);

或CSS：

$('#selectId').css({'width': 200});

Answer 4

如果你不知道选项的长度，那么你可以设置width: auto;并相应地调整它的大小。但是，如果您确实需要将其设置为200px，请使用：

$('your-selector').css("width", 200);