jQuery - onChange事件不会在结果网站上触发
问题描述:
我遇到了一个不寻常的错误,我不知道为什么。jQuery - onChange事件不会在结果网站上触发
我有一个搜索掩码的页面。根据您的选择,我通过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>
答
尝试委托给文档
$(document).on('change','select#feld-urlaubsart',function(){
.....
});
,我不认为你需要的功能调用改变事件......除去功能function updateDestination(){
和function updateRegions(){
除非你是因为其他一些原因叫它
仍然noch运气,我不知道可能是什么原因造成这种情况。是否存在冲突,因为我处于GET结果并尝试使用JSON“获取”数据? – Dreshar 2013-04-05 13:48:16
不可以..你可以发布select html – bipen 2013-04-05 13:50:03
更新它在主条目中 – Dreshar 2013-04-05 13:55:31