PHP动态下拉菜单获取值



我正在尝试进行动态下拉菜单,我设法检索第一个菜单值,但我无法检索第二个菜单值。

html part

<div>
        <label for="marca">Marca </label>
        <select type="text" id="marca" name="marca" onChange="getModel()">
        <option value="">Alege Marca</option>
        <?php    while($row = mysqli_fetch_assoc($resultMarca)){ ?>
            <option value="<?php echo $row["id"]  ?>"> <?php echo $row["nume_marca"]  ?> </option>
            <?php  } ?>

        </select>

    </div>
    <div id="model_masina">
        <label for="model">Model </label>
        <select id="model" nume="model">
        <option value="">Alege Model</option>
        </select>
    </div>

ajax part

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script type ="text/javascript">
    function getModel(){
       var xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET","get_model.php?marca="+document.getElementById("marca").value, false);
        xmlhttp.send(null);
        document.getElementById("model_masina").innerHTML=xmlhttp.responseText;
    }
    function model_schimba(){
         $modelSc = (document.getElementById("model").value);

       }
</script>

php

?>
        <label for="model">Model </label>
        <select id="model" nume="model" onchange='model_schimba()'>
        <option value="">Alege Model</option>
<?php
    while($row = mysqli_fetch_array($res)){ ?>

            <option value="<?php echo $row["id"] ?>"> <?php echo $row["name"]  ?> </option>
            <?php  } 
        ?> </select> <?php 

} 

我在此处进行变量 $ modelsc =(document.getElementById(" model")。value);

但是当我按下提交按钮时,我无法达到变量$ model = $ _post [" model"];

"但是当我按下提交按钮时,我无法达到变量$型= $ _post [" model"];"

nume="model"

PHP语法是基于英语的,而不是您的语言。

您需要将其更改为name="model"

"名称"属性在任何语言中都是相同的。

使用PHP的错误报告,它会给您带来未定义的索引通知。

  • http://php.net/manual/en/function.error-reporting.php

首先,代码分离对于可读性很重要。第二,我认为您的Ajax返回

document.getElementById("model_masina").innerHTML=xmlhttp.responseText;

错误地指向<div>容器而不是<select>列表。应该是

document.getElementById("model").innerHTML=xmlhttp.responseText;

因为您要输出选择菜单<option>

最新更新