Buenas,
Tengo los siguientes combos
Con el evento click, en jquery, relleno el combo seleccionado:
Código Javascript
:
Ver original$(".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:
Ver original<?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