Question

jquery怎么ajax会发送多次？？？代码如下 $(function () {

jquery怎么ajax会发送多次？？？代码如下
$(function () {
$("#dr1").children("option").bind("click", function () {
});
$("#dr1").click(function () {
var id = $("#dr1").find("option:selected").attr("value");
$.ajax({
type: "Post",
url: "/Home/GetDistrict",
data: {
"id": id
},
cache: false,
async: false,
dataType: 'Json',
success: function (data) {
$.each(data, function (n, field) {
$("#dr2").append("<option value=" + field.id + ">" + field.Name + "</option>");
})
},

})
})
点击一下append就添加一下，怎么才能只添加一次？

Answer 1

为什么不把dr1上的事件改成change事件，如果是click事件，注意是否产生了事件冒泡，点击option的时候相当于点击了select,则会产生多次发送情况。把没用的click代码去除，同时阻断冒泡机制试试。