頁面加載后 select onchange事件可以觸發，但是我移除部分標簽，重新追加新標簽，select onchange事件無法觸發，哪里出錯了嗎？
$(document).ready(function () {
//選擇區域
$(".area").on('change', function () {
var node=$(this).parent().parent().find(".floor");
node.empty();
$(node).append('<option value="0">請選擇樓盤</option>');
var area = $("option:selected", this).val();
var ids = "";
$("#compare-floor-dl dd").each(function () {
ids += ","+$(this).attr("id");
});
ids=ids.substring(1);
$.post("@Url.Action("ChooseArea")", { area: area,ids:ids }, function (data) {
for (var i = 0; i < data.length; i++) {
$(node).append('<option value="' + data[i].id + '">' + data[i].proname + '</option>')
}
});
});
//選擇樓盤
$(".floor").on('change', function () {
$(this).parent().parent().parent().parent().remove();
var id = $("option:selected", this).val();
$.post("@Url.Action("ChooseFloor")", { id: id }, function (data) {
$("#compare-floor-dl").append('<dd id="'+data.id+'"><ul>' +
'<li class="first" style="height: 155px;">' +
' <a href="/NewHouses/Detail/' + data.id + '" target=_blank title="' + data.proname + '"><img src="'+data.img+'" width=120 height=120></a>' +
'</li>' +
'<li><a href="/NewHouses/Detail/'+data.id+'" target=_blank title="' + data.proname + '" class="red">' + data.proname + '</a>'+
'<span class="jclose" onclick="jclose('+data.id+')">[重新選擇樓盤]</span></li>' +
'<li>' + data.area + '</li>' +
'<li>'+data.site+'<a href="/NewHouses/Detail/' + data.id + '#dt" target="_blank" class="red">[查看地圖]</a></li>' +
'<li>'+data.typemenu+'</li>' +
'<li>'+data.sales_status+'</li>' +
'<li>'+data.pricedesc+'</li>' +
'<li>'+data.property_costs+'</li>' +
'<li>'+data.property_type+'</li>' +
'<li>'+data.decoration+'</li>' +
'<li>'+data.green_rate+'</li>' +
'<li>'+data.kp_time+'</li>' +
'<li>'+data.fin_time+'</li>' +
'<li>'+data.development+'</li>' +
'<li>'+data.sales_address+'</li>' +
'<li><font>'+data.sales_tel+'</font></li>' +
'<li class="hxt">' + data.traffic_flow + '</li>' +
'<li class="hxt">' +
'<span style="padding:5px">' + data.around + '[<a href="/NewHouses/Detail/' + data.id + '" target=_blank>更多</a>]</span>' +
'</li>' +
'</ul></dd>');
});
});
});
//移除并重新追加
function jclose(id) {
$("#" + id + "").remove();
$("#compare-floor-dl").append('<dd id="0"><ul>' +
'<li class="first" style="height: 155px;">' +
'<p><b>添加樓盤</b></p>' +
'<p>' +
'<select class="area">' +
'<option value="">選擇區域</option>' +
'<option value="小店區">小店區</option>' +
'<option value="迎澤區">迎澤區</option>' +
'<option value="萬柏林區">萬柏林區</option>' +
'<option value="尖草坪區">尖草坪區</option>' +
'<option value="晉源區">晉源區</option>' +
'<option value="杏花嶺區">杏花嶺區</option>' +
'</select>' +
'</p>' +
'<p>' +
'<select class="floor">' +
'<option value="0">請選擇樓盤</option>' +
'</select>' +
'</p>' +
'</li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li></li>' +
'<li>?</li>' +
'<li class="hxt"></li>' +
'<li class="hxt"></li>' +
'</ul></dd>');
}
關于js select onchange事件無法觸發的問題
慕桂英4014372
2018-12-07 02:21:17
