事件未定义 javascript firefox (json)答案

【问题标题】：event is not defined javascript firefox (json)事件未定义 javascript firefox (json)
【发布时间】：2014-12-09 17:25:16
【问题描述】：

谁能告诉我为什么我在 firefox 上的代码错误？

HTML：

Size : <select class="size" id="size<?php echo $dat_women->id; ?>" name="size" onchange="change_size(<?php echo $dat_women->id; ?>)">

JS：

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');
        }
    });
};

错误：

事件未定义

【问题讨论】：

你得到的错误是什么？
@JonathanM "事件未定义"。
@abc123 这是一条真正的错误消息（FF）。
客户端的 HTML 是什么？不是服务器端？
我认为您可能需要修改调用：onchange="change_size(this,<?php echo $dat_women->id; ?>)"，然后在函数定义中执行function change_size(element, id_product)。这样你就可以参考element。

标签： javascript php json codeigniter

【解决方案1】：

尝试将元素作为参数发送给函数调用：

在您的 HTML 中：

onchange="change_size(this,<?php echo $dat_women->id; ?>)"

在你的函数定义中：

function change_size(element, id_product)

那么你可以像这样得到size：

var size = element.value;

【讨论】：

【解决方案2】：

Plunker Example

HTML：

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

JS：

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');
        }
    });
};

【讨论】：