未定义事件javascript firefox(json) 有人能告诉我为什么我在firefox上的代码出错吗?
HTML:未定义事件javascript firefox(json) 有人能告诉我为什么我在firefox上的代码出错吗?,javascript,php,json,codeigniter,Javascript,Php,Json,Codeigniter,HTML: Size : <select class="size" id="size<?php echo $dat_women->id; ?>" name="size" onchange="change_size(<?php echo $dat_women->id; ?>)"> function change_size(id_product){ var size = document.getElementById(event.targe
Size : <select class="size" id="size<?php echo $dat_women->id; ?>" name="size" onchange="change_size(<?php echo $dat_women->id; ?>)">
function change_size(id_product){
var size = document.getElementById(event.target.id).value;
$.ajax({
dataType:"json",
url: site_url + "main/add_cart/" + id_product + "/" + size,
success:function(data){
window.location.assign("cart");
},
error: function(data){
alert('Anda belum memilih ukuran');
}
});
};
<select class="size" id="size2" name="size" onchange="change_size(this, 2)">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
function change_size(id_product){
var size = $(this).value;
$.ajax({
dataType:"json",
url: site_url + "main/add_cart/" + id_product + "/" + size,
success:function(data){
window.location.assign("cart");
},
error: function(data){
alert('Anda belum memilih ukuran');
}
});
};
错误:
Size : <select class="size" id="size<?php echo $dat_women->id; ?>" name="size" onchange="change_size(<?php echo $dat_women->id; ?>)">
function change_size(id_product){
var size = document.getElementById(event.target.id).value;
$.ajax({
dataType:"json",
url: site_url + "main/add_cart/" + id_product + "/" + size,
success:function(data){
window.location.assign("cart");
},
error: function(data){
alert('Anda belum memilih ukuran');
}
});
};
<select class="size" id="size2" name="size" onchange="change_size(this, 2)">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
function change_size(id_product){
var size = $(this).value;
$.ajax({
dataType:"json",
url: site_url + "main/add_cart/" + id_product + "/" + size,
success:function(data){
window.location.assign("cart");
},
error: function(data){
alert('Anda belum memilih ukuran');
}
});
};
未定义事件
HTML:
Size : <select class="size" id="size<?php echo $dat_women->id; ?>" name="size" onchange="change_size(<?php echo $dat_women->id; ?>)">
function change_size(id_product){
var size = document.getElementById(event.target.id).value;
$.ajax({
dataType:"json",
url: site_url + "main/add_cart/" + id_product + "/" + size,
success:function(data){
window.location.assign("cart");
},
error: function(data){
alert('Anda belum memilih ukuran');
}
});
};
<select class="size" id="size2" name="size" onchange="change_size(this, 2)">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>
function change_size(id_product){
var size = $(this).value;
$.ajax({
dataType:"json",
url: site_url + "main/add_cart/" + id_product + "/" + size,
success:function(data){
window.location.assign("cart");
},
error: function(data){
alert('Anda belum memilih ukuran');
}
});
};
尝试将元素作为参数发送到函数调用: 在HTML中:
onchange="change_size(this,<?php echo $dat_women->id; ?>)"
然后您可以得到如下所示的大小
:
var size = element.value;
您得到的错误是什么?@JonathanM“事件未定义”。@abc123这是一条真正的错误消息(FF)。客户端上的HTML是什么?不是服务器端?我想您可能需要修改调用:
onchange=“change\u size(this,)”
然后在函数定义中执行函数更改\u size(element,id\u product)
。这样您就可以引用元素
。