在mysql填充的下拉菜单中获取选定的值

时间:2017-08-06 17:56:42

标签: javascript php html mysql

我正在为用户制作一张表格,以选择他们的车辆的年份,品牌和型号。我用mysql中的数据填充这些字段。到目前为止,我可以在没有问题的情况下填充年份下拉菜单,但现在我需要使用用户选择的年份创建一个变量,并将其用于我的下一个查询以恢复make。我找到了不同的方法,但没有一种方法是从数据库中填充数据。我试图在javascript中创建一个函数,并在用户更改下拉字段时调用它,但由于某种原因它无法正常工作。

<script language="javascript" type="text/javasccript">

        function run() {
            document.getElementById("userYear").innerHTML = 
            document.getElementById("year").value;
        }

</script>



<select id ="year" onChange="run()">
<option value ='Year'>Year</option>

<?php while($row = mysqli_fetch_assoc($response)) {
       echo "<option value='".$row['year']."'>".$row['year']."</option>";
} ?>

</select> 

<p>Your year is: </p><p id="userYear"></p> <!-- just for testing -->

1 个答案:

答案 0 :(得分:1)

您的代码看起来几乎正确,即使远非完美也应该有效。这是一个有效的例子。

      //typo javasccript
     //language="javascript" is obsolete
        function run(element) {
            document.getElementById("userYear").innerHTML = element.value;
           // document.getElementById("year").value;
        }
<select id ="year" onchange="run(this)"><!--send element directly to the function -->
<option value ='Year'>Year</option>
<!--suppose php works fine and populates the list-->
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
</select> 

<p>Your year is: </p><p id="userYear"></p> <!-- just for testing -->