更改第一个框的选定值后,填充第二个和第三个选择框

时间:2012-01-12 23:08:09

标签: php jquery

有三个选择框,首先禁用“device_sel”和“prob_sel”。当我从第一个选择框中选择值时,“customer_sel”我使用$ .post来填充device_sel。我的问题是当我在“device_sel”中选择值然后填充“prob_sel”时,我该怎么做同样的事情。我认为当我尝试填充prob_sel时,我在$ .post进程中看不到一些错误。当我在device_sel中更改(或第一次选择)值时,prob_sel会一直禁用,并且没有任何反应。

有人可以发现错误或打字,一直试图弄清楚这一点并且找不到任何东西。

我的javascript:

<script type="text/javascript">
    $(document).ready(function()
    {
        $('#device_sel').attr('disabled', true);
        $('#prob_sel').attr('disabled', true);


        $('#customer_sel').change(function()
        {
            var cid = $('#customer_sel').attr("value");
            $.post("get_customers_devices.php", {cid:cid}, function(data)
            {
                $('#device_sel').attr('disabled', false);
                $('#device_sel').html(data);
            });
        });

        $('#device_sel').change(function()
        {
            var did = $('#device_sel').attr("value");
            jQuery.post("get_device_problems.php", {did:did}, function(data)
            {
                $('#prob_sel').attr('disabled', false);
                $('#prob_sel').html(data);
            });
        });

    });
</script>

get_customers_devices.php:

    <?php

include "FillSelect.class.php";

echo $fill->FillDeviceSelect($getdata->GetCustomersDevice($_POST['cid']));

?>

get_device_problems.php:

 <?php

include "FillSelect.class.php";

echo   $fill- >FillProblemSelect($getdata->GetDeviceProblems($_POST['did'])) ;

?>

GetCustomerDevice和GetDeviceProblems:

function GetCustomersDevice($cid)
    {
        try
         {
            $db = new PDO('sqlite:base.db') ;
            $db->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_WARNING );

            $pquery = $db->prepare("SELECT * FROM Devices WHERE cid=:cid");
            $data = array("cid"=>$cid);
            $pquery -> execute($data) ;

            $rows = $pquery->fetchAll();

            return $rows;
        }
        catch(PDOException $e)
        {
            echo "Failure: " . $e->getMessage();            
        }

        $db = NULL;
    }

    function GetDeviceProblems($did)
    {
        try
         {

            $db = new PDO('sqlite:base.db') ;
            $db->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_WARNING );

            $pquery = $db->prepare("SELECT * FROM Problems p, Devices d WHERE d.did=:did");
            $data = array("did"=>$did);
            $pquery -> execute($data) ;

            $rows = $pquery->fetchAll();

            return $rows;
        }
        catch(PDOException $e)
        {
            echo "Failure: " . $e->getMessage();            
        }

        $db = NULL;
    }

最后FillDeviceSelect和FillProblemSelect:

function FillDeviceSelect($data)
    {
        $device = '<option value="0">Select option</option>';
        foreach($data as $row)
        {
            $device.= '<option value="'. $row['did'] .'">'. $row['device_name'] .'</option>';
        }

        return $device;
    }

function FillProblemSelect($data)
    {
        $problem = '<option value="0">Select option</option>';
        foreach($data as $row)
        {
            $problem .= '<option value="' . $row['pid']  .'">' .  $row['problem'] .'</option>';
        }

        return $problem;
    }

解决了它。非常非常silli错误,get_device_problems与我的页面不在同一个文件夹中,但我知道该文件已保存在另一个文件夹中,这就是为什么我的帖子调用无效...

1 个答案:

答案 0 :(得分:0)

我不是肯定的,但我想象的是因为你对device_sel有一个onChange效果,然后你又改变了它的默认值当您使用customer_sel的onChange调用填充它时。尝试从$('#device_sel').change(function()解除第二次更改绑定,看看是否有同样的问题。 (如果我完全误解了你所遇到的问题,我很抱歉)