从php获取数据,在javascript函数中进行验证,并在选择下拉列表的值时自动回显

从php获取数据,在javascript函数中进行验证,并在选择下拉列表的值时自动回显,javascript,php,drop-down-menu,Javascript,Php,Drop Down Menu,我想从php获取数据,在javascript函数中进行验证,并在选择DropDown的值时自动回显,无需任何提交,即只需选择值,结果就在这里 默认情况下(直到用户不选择任何类别--“选择流派--”)应显示所有游戏列表 代码是: <?php mysql_connect("localhost","root","")or die('Localhost Connection Problem'); mysql_select_db('gamezone')or die('Database Error')

我想从php获取数据,在javascript函数中进行验证,并在选择DropDown的值时自动回显,无需任何提交,即只需选择值,结果就在这里

默认情况下(直到用户不选择任何类别--“选择流派--”)应显示所有游戏列表

代码是:

<?php
mysql_connect("localhost","root","")or die('Localhost Connection Problem');
mysql_select_db('gamezone')or die('Database Error');
?>

<html>
<head>
<script type="text/javascript">
function selectOption(){
var val = document.getElementById('genre').value;
if(val == "Racing")
{
<?php $abc=mysql_query("select * from games where genre='Racing'"); ?>

函数selectOption(){
var val=document.getElementById('genre')。值;
如果(val==“赛车”)
{
第一步:

else if val =="Strategy")


并使用ajax。

看看这个简单的示例,了解如何使用ajax请求:

PHP:

   $.get(
    'validation.php',//path to your php validation file
    {
    variable1 : 'value'//the name  of the get variable sent
    },
    function(data){//call back function
       //data here contains what the validation.php file returned
       if(data=="good"){
       //do good stuff
       }else if(data=="bad"){
      //do bad stuff
       }
    );

   }
假设此文件为validation.php:

<?php 
   $var = $_GET['variable1'];
   //do you work here 
   die("good");//or die('bad'); according to your validation
 ?>

您应该根据onChange下拉列表的值对php文件使用ajax请求。使用Jquery这样做非常简单,您可以在网上找到大量的示例。5美分。混合所有内容(HTML呈现、后端、对DB的请求)是一种不好的方法在一个PHP文件中。阅读有关MVC的内容,查看一些框架,如Codeigniter、Yii等。我使用了code.jquery.com/jquery-1.8.2.js“>但不知道为什么它不工作。我使用了code.jquery.com/jquery-1.8.2.js“>但不知道为什么它不工作。。
else if (val =="Strategy") and other also.
<?php 
   $var = $_GET['variable1'];
   //do you work here 
   die("good");//or die('bad'); according to your validation
 ?>
   $.get(
    'validation.php',//path to your php validation file
    {
    variable1 : 'value'//the name  of the get variable sent
    },
    function(data){//call back function
       //data here contains what the validation.php file returned
       if(data=="good"){
       //do good stuff
       }else if(data=="bad"){
      //do bad stuff
       }
    );

   }