Efecto extraño combobox

[mblascog]

Buenas,
Tengo los siguientes combos


Con el evento click, en jquery, relleno el combo seleccionado:

Código Javascript:

$(".selectOrdre").click(function() {
            netejaSelectOrdre();
            prmOrdre = $(this).prop("id");
            prmOrdre = prmOrdre.replace("selectOrdre", "");
            elSelect = "#" + $(this).prop("id");
            $.post("<?php echo URL.'includes/inc_getOrdre.php'?>", {prm:prmOrdre}, function(data){$(elSelect).html(data);});    
        });
 

Y la función inc_getOrdre:

Código PHP:

<?php
    $ordre = $_REQUEST["prm"];
    
    if ($orden != "Ciudad") {
        $elementos = "<option value='".$orden."A'>de menos a máss</option>".
                 "<option value='".$orden."D'>de más a menos</option>";
    }
    else {
        $elementos = "<option value='".$orden."A'>de la A a la Z</option>".
                 "<option value='".$orden."D'>de la Z a la A</option>";
    }
    echo $elements;
?>
 

Al hacer el primer click sobre cualquiera de los combos se ve así:


Pero las próximas veces ya se ve bien:


Lo que me gustaría, es que al clickar a un combo, se hiciera justo lo ancho necesario, y que cuando se clickara otro combo, se volviera a reducir el tamaño. Es decir, si hay seleccionado ordenar por habitaciones, el resto de los combos estuvieran vacíos y ocuparan lo mínimo.


Gracias