类别和子类别中的OnChangeEvent

时间:2013-04-05 13:58:23

标签: php javascript html forms

我是php的新手。我在选择选项中的onchange事件中遇到问题...如果我改变了 类别整个表单已提交而不是更改categories1的值。

onchange="myform.submit()"中的onchange事件中的问题。

<form name="myform" method="POST" action="getsearch.php"> 
        <table style=" border:1px solid silver" cellpadding="10px" cellspacing="0px" align="center"> 
            <tr> 
                <td colspan="3" style="background:#0066FF; color:#FFFFFF; font-size:20px">Search</td>
            </tr> 

            <tr>
            <td>Name</td> 
                <td><input type="text" name="name" size="40" /></td>
            </tr>
            <tr>
            <td>Email</td> 
                <td><input type="text" name="email" size="40" /></td>
            </tr>
            <tr>
            <td>Phone</td> 
                <td><input type="text" name="phone" size="40" /></td>
            </tr>


            <tr> 
                <td>categories</td> 
                <td><select name="first" onchange="myform.submit()">
                    <option value="">select the category</option>
                    <?php 
                            $sql="select *from first_category";
                            $res=mysql_query($sql);
                            echo $res;
                            if(mysql_num_rows($res)>0)
                            {
                                    while($row=mysql_fetch_assoc($res))
                                    {
                                        if(isset($_POST["first"]) AND $_POST["first"]==$row["first_id"])
                                        $select ="selected='selected'";
                                        else
                                        $select='';
                                        echo '<option value="'.$row["first_id"].'" '.$select.'>'.$row["category_name"].'</option>';
                                    }

                                    }
                        ?>
                </select></td> 

            </tr> 
            <tr> 
                <td>categories1</td> 
                <td><select name="second">
                        <option value="">select the second category</option>
                        <?php 
                            if(isset($_POST["first"]))
                            {

                                $sql="select *from second_category where first_id=".intval($_POST["first"]);
                                $res=mysql_query($sql);
                                echo $res;
                                if(mysql_num_rows($res)>0)
                                {
                                    while($row=mysql_fetch_assoc($res))
                                    {
                                        echo '<option value="'.$row["second_id"].'">'.$row["second_categoryname"].'</option>';
                                    }

                                }
                            }
                                ?>
                                    </select></td> 

            </tr> 
            <center><tr >
                    <td valign="middle"><input type="submit" value="Search" id="hi" name="hi" /></td> 
            </tr></center>

        </table> 

1 个答案:

答案 0 :(得分:0)

你好像混合了php和javascript。 PHP是在服务器端执行的,你不能通过更改select或类似的东西来调用它(除了通过Ajax)。

因此,如果您确实想要这种行为,您可以将数据转储到javascript对象中,然后迭代它以动态填充第二个选择或通过Ajax实现它。为此:调用一个额外的PHP脚本,它只返回正确的值并通过javascript填充它们。你可以在这里找到一个很好的教程如何使用jQuery来解决这个问题:http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html