Question

我是ajax + php的新手。我有一个选择输入，根据其值填充另一个选择。

这是html：

    <tr>
    <td><label>Categoría: </label></td>
    <td><select id="cmbCategorias" onchange="cmbTareas(document.getElementById('cmbCategorias').value);">
            <?php 
            require_once('dataaccess.php');
            $categorias = new legajos();
            $categorias->cmbCategorias();
            ?>
    </td>
    <td><label>Tarea: </label></td>
    <td><div id="divTareas"></div></td>
    </tr>

这是我的javascript函数：

    function cmbTareas(categoria_id) {
    document.getElementById("loadingimage").style.display = "block";
    document.getElementById("divTareas").innerHTML = "";

    xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById("divTareas").innerHTML = xmlhttp.responseText;
            document.getElementById("loadingimage").style.display = "none";
            }
        }
    xmlhttp.open("GET", "legajos_tareas.php?categoria_id="+categoria_id, true);
    xmlhttp.send();
    }

legajos_tareas.php

    require_once('dataaccess.php');
    $categoria_id=$_GET['categoria_id'];
    $tareas = new legajos();
    $tareas->cmbTareas($categoria_id);

dataaccess.php

    public function cmbTareas($categoria_id) {
    $con = $this->conectarDB();
    $query = "CALL SPR_TAREAS(".$categoria_id.")";
    $result = $this->con->query($query);

    echo '<select id="cmbTareas">';

    while ($row = $this->con->fetch($result)) {
        echo '<option value="'.$row['ID'].'">'.$row['NOMBRE'].'</option>';
    }
    echo '</select>';
    $this->con->close();
    }

第一次它完美无缺。然后如果我在选择列表中选择另一个项目，则没有任何反应。我在Chrome中遇到此错误：未捕获TypeError：对象不是函数。平变化

有什么想法吗？提前谢谢。

Answer 1

更改cmbTareas JS函数名称或从ajax调用返回的cmbTareas select id。相同的名称将导致冲突。它也解释了为什么它仅在第一次工作。

onchange函数没有像预期的那样工作ajax

1 个答案: