要实现通过<select>元素的ID单独设置对应的autocomplete输入框宽度，你可以利用jQuery的DOM遍历方法，结合jQuery UI Combobox插件生成的DOM结构来精准定位目标元素。

核心解决方案 #

jQuery UI的Combobox插件会将原<select>元素隐藏，并在其相邻位置生成对应的ui-autocomplete-input输入框。我们可以通过原select的ID找到它，再定位到对应的输入框：

// 给id为select1的select对应的autocomplete输入框设置宽度为300px
$('#select1').next('.ui-autocomplete-input').css('width', '300px');

备选方案（适配更复杂DOM结构） #

如果原select和输入框之间可能存在其他元素，.next()可能不够准确，你可以用.siblings()方法选择同层级的目标输入框：

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

批量设置多个特定元素 #

如果你需要同时给多个指定的select对应的输入框设置宽度，可以用.each()遍历处理：

// 同时设置select1和select3对应的输入框宽度
$('#select1, #select3').each(function() {
  $(this).next('.ui-autocomplete-input').css('width', '300px');
});

和原代码的区别 #

你的原代码$('.ui-autocomplete-input').css('width','300px')是给所有autocomplete输入框统一设置宽度，而上面的方法则精准定位到单个（或指定多个）select对应的输入框，不会影响其他同类型元素。

内容的提问来源于stack exchange，提问作者Manuel Baruzzi