[SOLUCIONADO] El evento change solo lo detecta la primera vez

[mblascog]

Buenas,
En primer lugar pedir disculpas si lo que pregunto es muy evidente, pues es la primera vez que me encuentro con código jquery, llevo muchas horas intentar detectar que pasa, y no hay manera.
Resulta que tengo un desplegable en un formulario, al seleccionar por primera vez un valor, se ejecuta el evento change en jquery, y si alimentan otros desplegables. Si cambio el valor de dicho desplegable, se vuelven a alimentar los otros desplegables. Hasta aquí bien.
El problema está cuando selecciono el botón submit del formulario, se vuelve a cargar la misma página, pero luego no detecta el cambio en el desplegable.
Algo se me escapa pero no veo qué es:

El código del desplegable es:

Código HTML:

<select name="fTipus" id="fTipus">
    <option value=""><span>Selecciona</span></option>
    <option value="3">Piso</option>
    <option value="4" >Casa</option>
</select>
 

Código Javascript:

$("#fTipus").change(function(){ //alert('tipus1: ' + $(this).val());
            var jIdOpe = '-'+$("#fOperacio").val();
            $('#fCiutat option').remove();
            $('#fPreu option').remove(); // Borramos/Limpiamos todo los items de fPrecio
            $('#fHabitacions option').remove(); // Borramos/Limpiamos todo los items de fHabitaciones
            $('#fMetres option').remove(); // Borramos/Limpiamos todo los items de fMetros
            
            var selOper = '-'+$("#fOperacio").val();
            var selTip = '-Seleccionar';
 
            $.post("<?php echo URL.'includes/inc_poblacions.php'?>",{ prmPoblacions:$(this).val()+selOper+selTip+lang },function(data){$("#fCiutat").html(data);})   
            $.post("<?php echo URL.'includes/inc_caracteristiques.php'?>",{ prmCaracteristiques:$(this).val()+lang },function(data){$("#fCaracteristiques").html(data);})
            $.post("<?php echo URL.'includes/inc_preu.php'?>",{ prmPreu:$(this).val()+lang+jIdOpe },function(data){$("#fPreu").html(data);})
            $.post("<?php echo URL.'includes/inc_habitacions.php'?>",{ prmHabitacions:$(this).val()+lang },function(data){$("#fHabitacions").html(data);})
            $.post("<?php echo URL.'includes/inc_metres.php'?>",{ prmMetres:$(this).val()+lang },function(data){$("#fMetres").html(data);})
            var txt = $('#fOperacio option:selected').text(); <?php // obtener texto de form operacion ?>
            $('input[name=ftxtOperacio]').val(txt); <?php // asignar texto de form operacion a ftxtOperacion ?>
        });
 
        $("#fTipus").change(function(){ //alert('tipus2: ' + $(this).val());
                $.post("<?php echo URL.'includes/inc_caracteristiques.php'?>",{ prmCaracteristiques:$(this).val()+lang },function(data){$("#fCaracteristiques").html(data);})
        });
 

No sé si me he explicado.
Gracias

[diurno10]

Preguntas:
cuando presionas el submit que hace?
luego de esto, lo q vos queres decir es que el fTipus no se ejecuta nunca?
cuando cargas el elemento <select name="fTipus" id="fTipus">, lo cargas por ajax o normal?
tenes el sitio online para poder reproducir el error y analizarlo con firebug?
PD: una buena practica es crear una variable baseUrl en el layout principal de tu sitio, asi no tenes que utilizar <?php echo URL q es bastante engorroso.

[mblascog]

Gracias diurno por responder.
En primer lugar voy a adjuntar un pantallazo para que se entienda mejor lo que me pasa

Justo entrar en el buscador en el primer desplegable selecciono Venta, en el segundo Piso y en consecuencia, por haber seleccionado Piso, en el desplegable Caracteristicas aparecen estos elementos

Sin pulsar el botón Buscar ahora, cambio el segundo desplegable y selecciono Casa, en el siguiente desplegable aparecen otros elementos


Pues bien, si ahora pulso el botón Buscar Ahora, aparece la misma página, con unos inmuebles a la derecho, que no se ven, y el mismo buscador, en el mismo estado de la consulta, sólo que en este momento es cuando, al cambiar el elemento del desplegable Tipo, no cambia el de característiques.

Me explicado mejor?

Lo siento, lo tengo todo en local, sinó pondría la url, pero en estos momentos no dispongo de espacio donde colgarla.

Los elementos de los desplegables los cargo normal, es decir, leyendo los datos en una base de datos mysql.

Al cargar por primera vez la página llega a estar del todo cargado (ready) por lo que detecta los cambios en los desplegables, pero cuando hago un submit del formulario, parace como si ya no volviera a estar ready, por lo que no detecta ningún cambio.

Gracias.


Buenooo!!! ya me he dado cuenta del error. Resulta que me faltaba include de jquery por lo que no se ejecutaba la segunda vez