更改选择框的宽度，如果没有值

Question

有人可以帮助我请在jQuery中创建一个小脚本使选择框宽度更大时，有没有价值？这里是代码为我的选择框

<td class="value"> 
    <select> 
     <option value=""> 
      Select one 
     </option> 
     <option value="100-g" selected='selected'> 
      100 g 
     </option> 
     <option value="200-g" > 
      200 g 
     </option> 
    </select> 
</td> 

，我需要做的：.summary table.variations .value { width: 300px; }非常感谢。

Answer 1

http://jsfiddle.net/OxyDesign/2qn0d7rg/

JS

$(document).ready(function(){ 
    $('select').on('change',function(){ 
     var select = $(this), 
      cell = select.closest('td'); 
     if(select.val()){ 
      cell.removeClass('large'); 
     }else{ 
      cell.addClass('large'); 
     } 
    }); 
}); 

难道你想要什么？

Answer 2

select { 
    min-width:300px; 
} 

Answer 3

您可以给出最小宽度，所以即使没有值也会应用。

select { 
    min-width:300px; 
} 
option { 
    min-width:300px; 
}