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

Change width of selectbox if no value

本文关键字：选择 如果没有      更新时间：2023-09-26

有人能帮我在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; }非常感谢。

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');
        }
    });
});

这是你想要的吗？

select {
    min-width:300px;
}

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

select {
   min-width:300px;
}
option {
    min-width:300px;
}
相关文章：