动态下拉与mysql问题

时间:2012-03-09 04:47:20

标签: php jquery mysql ajax drop-down-menu

我正在尝试使用此代码获取由MySQL数据库填充的下拉列表,如果选择某个类别,则弹出另一个下拉列表。我认为此代码是正确的,我猜不是。第一个下拉列表甚至没有填充数据库,它最终变为空白,=。我一直在修补它已经很长一段时间没有成功。

以下是我要复制的内容...... http://www.blueicestudios.com/chained-select-boxes-using-php-mysql-ajax/

到目前为止,这是什么。

主要表格:

<?php include ('connect.php'); ?>
<?php include('func.php'); ?>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"><!--mce:0--></script>

<script type="text/javascript">
$(document).ready(function() {
    $('#wait_1').hide();
    $('#drop_1').change(function(){
      $('#wait_1').show();
      $('#result_1').hide();
      $.get("func.php", {
        func: "drop_1",
        drop_var: $('#drop_1').val()
      }, function(response){
        $('#result_1').fadeOut();
        setTimeout("finishAjax('result_1', '"+escape(response)+"')", 400);
      });
        return false;
    });
});

function finishAjax(id, response) {
  $('#wait_1').hide();
  $('#'+id).html(unescape(response));
  $('#'+id).fadeIn();
}
</script>

<form action="" method="post">

<select id="drop_1" name="drop_1">
<option disabled="disabled" selected="selected"> Select Main Category</option>
</select>
<span id="wait_1" style="display: none;">
<img src="ajax-loader.gif" alt="Please Wait">
</span>
<span id="result_1" style="display: none;"></span>
</form>

这是func.php文件:

<?php 

function getTierOne()
{
    require_once('connect.php');
    $result = mysql_query("SELECT category FROM subcats")
    or die(mysql_error());
    while($tier = mysql_fetch_array( $result ))
    {
        $catitle = $tier['category'];
    echo "<option> $catitle </option>" ;
    }   
    mysql_close();
    }   

    if(isset($_GET['func'])&& $_GET['func'] == 'drop_1') {  
        drop_1($_GET['drop_var']);
        }
        function drop_1($drop_var)
        {
        require_once('connect.php');
        $result = mysql_query("SELECT * FROM subcats WHERE category='$drop_var'")
        or die(mysql_error());

        echo '
        <select id="subcat" name="subcat">
        <option disabled="disabled" selected="selected" value=" ">Choose one</option>
        <option value="'.$drop_2['subcat'].'">'.$drop_2['subcat'].'</option>
        </select>
        ';
        mysql_close();

        echo '
        <input name="submit" type="submit" value="Submit">';
        }
?>

2 个答案:

答案 0 :(得分:0)

您确定"$_GET['func']"有值吗?

代码是否已超过if(isset($_GET['func'])&& $_GET['func'] == 'drop_1')

任何MySQL连接/查询问题?

到目前为止你做了什么?

$.get("func.php", {
    func: "drop_1",
    drop_var: $('#drop_1').val()
  }

func.php和你的html在同一目录下?萤火虫上的任何错误?

答案 1 :(得分:0)

如果有人想知道答案我就明白了。

改变这一点。

{
        $catitle = $tier['category'];
    echo "<option> $catitle </option>" ;
    } 

到此

 while($tier = mysql_fetch_array( $catresult )) 

        {
           echo '<option value="'.$tier['category'].'">'.$tier['category'].'</option>';
        }