Php ReferenceError:未定义AJAX函数

我已经有一段时间无法运行ajax脚本了

基本上，我需要用户从一个下拉框中选择一个选项，然后根据所选内容，在第二个下拉框中根据MySQL查询进行相应的填充

我的脚本看起来像

<script type="text/javascript">
    $(function(){
    $('select [name="front-size"]').change(function()
    {
        $.ajax({
            url: '../functions/process.php',
            type:'get',
            data:{'value' : $(this).val()}, 
            dataType:"html",
            success: function(data) {
                $("#sub").html(data);
            }
        });
    });
    });
</script>

---

如何修复此问题？

您正在调用ajaxfunction，但尚未在代码中的任何地方定义它

<script type="text/javascript">
    $(function(){
    $('select [name="front-size"]').change(function()
    {
        $.ajax({
            url: '../functions/process.php',
            type:'get',
            data:{'value' : $(this).val()}, 
            dataType:"html",
            success: function(data) {
                $("#sub").html(data);
            }
        });
    });
    });
function ajaxFunction(stuff){
//do ajax stuff here will fix the error 
}
</script>

会更好

---

编辑：查看这个JSFIDLE以获得一个工作示例

，但是我不是已经在$.ajax下添加了我的ajax内容了吗？我已尝试将ajaxfunction添加到$（'select[name=“front-size”]'）。更改（函数（）一行接一行，但不起作用。我还尝试将其添加到第一个函数，但也不起作用。至少有一个问题是，您使用的选择器“select[name='front-size']”无效不起作用，因为元素和[name=]之间有一个空格。对，我仍然对实际的ajaxfunction函数感到困惑。我认为，$，ajax部分是ajax的东西，那么在函数ajaxfunction（stuff）{}下我需要做什么呢？还添加了一个JS小提琴来演示这一点。$.ajax不等于ajaxfunction（）。您必须显式命名函数并在某些操作中调用它，或者（正如您所做的那样）定义一个匿名函数来处理jquery就绪函数中的your change事件

<select name="front-finish" id="sub" onchange="ajaxfunction(this.value)">
</select>

<?php
    session_start();
    include ('config.php');

    $parent = $_GET['parent'];

    $update_option = $db->prepare("SELECT door_finish FROM doors WHERE door_model = '".$_SESSION['front_door']."' AND door_size = '".$parent."'");
    $update_option->execute();
    while($row = $update_option->fetch(PDO::FETCH_ASSOC))
    {
        $door_finishes = $row['door_finish'];
        echo '<option value="'.$door_finishes.'">'.$door_finishes.'</option>';

    }
?>

ReferenceError: ajaxfunction is not defined

ajaxfunction(this.value)

<script type="text/javascript">
    $(function(){
    $('select [name="front-size"]').change(function()
    {
        $.ajax({
            url: '../functions/process.php',
            type:'get',
            data:{'value' : $(this).val()}, 
            dataType:"html",
            success: function(data) {
                $("#sub").html(data);
            }
        });
    });
    });
function ajaxFunction(stuff){
//do ajax stuff here will fix the error 
}
</script>

<script type="text/javascript">
(function(){
$('select[name="first"]').change(function(){
//do stuff
});
$('select[name="second"]').change(function(){
//do other stuff
});
})
</script>