jQuery - onChange Event won't fire on result site -


i experiencing unusual bug , cant figure out why.

i've got page search mask. depending on selection, available data via json php file , populate select options it. purpose when select special offer, you're listed available offertypes , regions , not no offers active.

primary works on every site of page, using document.ready function or onchange="updatefunction" event.

now when s search , display data (get) works fine, onchange jquery event doesn't seem fire , don't know why. heres ive got ... ( did doc.ready function before)

 function updatedestination(){     $('select#feld-urlaubsart').change(function() {       var options = '';       $.getjson("database/checkoffers.php",{offertype: $(this).val()}, function(data){         (var = 0; < data.length; i++) {            options += '<option value="' + data[i].optionvalue + '">' + data[i].optiondisplay + '</option>';         }         $("select#feld-reiseziel").html(options);        });      });     }      function updateregions(){       $('select#feld-reiseziel').change(function() {         var options = '';         $.getjson("database/checkregions.php",{country: $(this).val()}, function(data){          (var = 0; < data.length; i++) {            options += '<option value="' + data[i].optionvalue + '">' + data[i].optiondisplay + '</option>';         }         $("select#feld-region").html(options);        });       });     } 

has had same issue beofre?

edit :

<select id="feld-urlaubsart" name="urlaubsart" title="bitte angebotsart auswählen..."> <option value="0" selected="selected">alle anzeigen</option> <optgroup label="golfurlaub mit greenfees" title="golfurlaub mit greenfees"> <option value="1" title="alle greenfee angebote">alle greenfee-angebote</option> <option value="2" title="top-angebote">top-angebote</option> <option value="3" title="golfurlaub mit 4 tage greenfee">golfurlaub mit 4 tage greenfee</option> <option value="4" title="golfurlaub mit 5 tage greenfee">golfurlaub mit 5 tage greenfee</option> <option value="5" title="golfurlaub mit 6 tage greenfee">golfurlaub mit 6 tage greenfee</option> <option value="6" title="golfurlaub mit 7 tage greenfee">golfurlaub mit 7 tage greenfee</option> <option value="7" title="golfurlaub mit 14 tage greenfee">golfurlaub mit 14 tage greenfee</option> <option value="8" title="sonderangebote">sonderangebote</option> </optgroup>  <optgroup label="golfreisen mit golfkurs" title="golfreisen mit golfkurs"> <option value="9" title="alle golfkurs-angebote">alle golfkurs-angebote</option> <option value="10" title="top-angebote">top-angebote</option> <option value="11" title="golfreise mit platzreifekurs">golfreise mit platzreifekurs</option> <option value="12" title="golfreise mit dgv-platzreifekurs">golfreise mit dgv-platzreifekurs</option> <option value="13" title="golfreise mit turnierreifekurs">golfreise mit turnierreifekurs</option> <option value="14" title="golfreise mit handicapkurs">golfreise mit handicapkurs</option> <option value="15" title="golfreise mit wochenend-intensivkurs">golfreise mit wochenend-intensivkurs</option> <option value="16" title="golfreise mit turniergolfwoche">golfreise mit turniergolfwoche</option> <option value="17" title="professionell begleitete golfreise">professionell begleitete golfreise</option> </optgroup> </select>  reiseland<br /> <select id="feld-reiseziel" name="reiseziel" title="bitte reiseland auswählen..."> <option value="egal" selected="selected">alle anzeigen</option>  <?php foreach ($data $row) : ?> <option value="<?php echo $row['offercountry'] ; ?>" title="<?php echo $row['offercountry'] ; ?>"><?php echo $row['offercountry'] ; ?></option> <?php endforeach; ?> </select>  <select id="feld-region" name="region" title="bitte region auswählen..."> <option value="egal" selected="selected">alle anzeigen</option> <?php foreach ($data $row) : ?> <?php if(!empty ($row['offerregion'])) :?> <option value="<?php echo $row['offerregion'] ; ?>" title="<?php echo $row['offerregion'] ; ?>"><?php echo $row['offerregion'] ; ?></option> <?php endif; ?> <?php endforeach; ?> </select>  

try delegating document

 $(document).on('change','select#feld-urlaubsart',function(){   .....  }); 

and don't think need function call change event...remove function function updatedestination(){ , function updateregions(){ unless calling other reasons


Comments

Popular posts from this blog

monitor web browser programmatically in Android? -

Shrink a YouTube video to responsive width -

wpf - PdfWriter.GetInstance throws System.NullReferenceException -