2017-02-17 160 views
0

我想要做一個動態下拉菜單,我設法檢索第一個菜單的值,但我無法設法檢索第二個菜單的值。php動態下拉菜單獲取值

HTML部分

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

阿賈克斯部分

<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 = $ _POST [「model」];

+0

你必須與過去的問題給出解決方案的一些問題和解決他們應標。請閱讀以下鏈接http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work - 感謝您保持Stack今天的成功。 –

回答

2

「但是當我推送提交按鈕時,我無法到達變量$ model = $ _POST [」model「];」

nume="model"

PHP語法是基礎英語,而不是在你的語言。您需要將其更改爲name="model"

「name」屬性在任何語言中都是相同的。

使用PHP的錯誤報告,它會引發你一個未定義的索引通知。

+0

sory無意中,謝謝 –

0

首先,碼分離爲可讀性重要。 其次,我覺得你的AJAX返回

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

<div>容器代替<select>列表被錯誤指向。應該來說,

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

因爲你輸出的選擇菜單<option>