jQuery - onChange事件不会在结果网站上触发

Question

我遇到了一个不寻常的错误，我不知道为什么。

我有一个搜索掩码的页面。根据您的选择，我通过JSON从php文件获取可用数据并使用它填充选择选项。其目的是当您选择特别优惠时，您只列出了可用的类型和区域，而不是那些没有优惠活动的活动。

主要它使用document.Ready函数或onchange =“updateFunction”事件在页面的每个站点上工作。

现在，当我做搜索和显示数据（GET）工作正常，onChange jQuery事件似乎并没有触发，我不知道为什么。继承人得到了什么...（我之前用doc.ready函数做过）

function updateDestination(){ 
    $('select#feld-urlaubsart').change(function() { 
     var options = ''; 
     $.getJSON("database/checkoffers.php",{offertype: $(this).val()}, function(data){ 
     for (var i = 0; i < 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){ 
     for (var i = 0; i < data.length; i++) { 
      options += '<option value="' + data[i].optionValue + '">' + data[i].optionDisplay + '</option>'; 
     } 
     $("select#feld-region").html(options); 
     }); 
     }); 
    } 

有没有人有同样的问题beofre？

编辑：

<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 as $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 as $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> 

Answer 1

尝试委托给文档

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

，我不认为你需要的功能调用改变事件......除去功能function updateDestination(){和function updateRegions(){除非你是因为其他一些原因叫它