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
Post a Comment