jquery-ui按select

时间:2018-03-16 10:28:48

标签: css jquery-ui jquery-ui-autocomplete

我在autocomplete_combobox中转换了4个输入。所有autocomplete_combobox的设置宽度代码都是:

$('.ui-autocomplete-input').css('width','300px');

我想通过知道<select>

的Id来设置一个元素的css宽度

我该怎么办?

<select name='select1' id='select1' class='combobox'>
<option>element 1</option>
</select>

<select name='select2' id='select2' class='combobox'>
<option>element 2</option>
</select>

<select name='select3' id='select3' class='combobox'>
<option>element 3</option>
</select>

<select name='select4' id='select4' class='combobox'>
<option>element 4</option>
</select>

1 个答案:

答案 0 :(得分:0)

也许我错过了这一点,但您可以按ID设置元素的宽度:

$("#select1").css("width", "300px");

现在,如果您正在执行此处的组合框:http://jqueryui.com/autocomplete/#combobox,您可能需要对widget本身进行此更改。

var myCombo = $("#select1").combobox("widget");
myCombo.find(".ui-autocomplete-input").css("width", "300px");

现在所有这些都是一个很大的猜测,因为你没有提供完整的例子,所以请阅读:https://stackoverflow.com/help/mcve