-1

我是 PHP 新手.. 我需要你的帮助..

我有 2 个相关的下拉列表：

下拉菜单 1：手动插入值

下拉 2：附加数据库中的值（值基于下拉 1 中选择的条件）

然后，被选中的两个值都将以另一种形式显示在文本框中。

我的问题是：

1）无法显示第二个下拉列表中的值。

2）第一个下拉列表中的值可以传递给其他形式，但第二个不能。

请指导我。

我不知道如何在这里分享我的代码。

form1.php

//第一个下拉菜单

<select name="fruit_name" id="fruit_name" style="font-family: Calibri;font-size: 10pt;" onchange="loadXMLDoc(this.value); ">
   <option value="0">-- please choose --</option>
   <option value="Pineapple">Pineapple</option>
   <option value="Apple">Apple</option>

//第二个下拉菜单 

        $fruit_name = $_POST['fruit_name'];
#Connect to MySQL
#Connect to database

$result = mysql_query("SELECT colour FROM fruit WHERE fruit_name = '$fruit_name'");

echo "<select name='colour' id='colour' style='font-family: Calibri;font-size: 10pt;'>";

while($row = mysql_fetch_assoc($result))
{
echo "<option value = ''>" . $row['colour'] . "</option>";
}
echo "</select>";

mysql_free_result($result);

//Closes specified connection
?>

form2.php

 <?php
//connection

        $fruit_name = $_POST['fruit_name'];
        $colour = $_POST['colour'];
?>
  <label>
  <input type="text" name="fruit_name" id="fruit_name" value = "<?php echo $fruit_name;?>" readonly>
  </label>
  <p>
    <label>
    <input type="text" name="colour" id="colour" value="<?php echo $colour;?>" readonly>
    </label>
  </p>
4

1 回答 1

0

我通常不这样做，但由于我现在手头有一些空闲时间，我将给出你可以遵循的一般方法：

<head>在您的标签之间包含以下内容。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

在其下方，粘贴此代码

<script type="text/javascript">
    $(function(){
        $('select#fruit_name').change(function(){
                var selectedVal = $(this).val(); // get the selected value

                $.ajax({    // send ajax request to the php file to process data
                    type:'post',
                    url:'php-page-name.php',
                    data:{'value':selectedVal},
                    success:function(ret)   // display the result from php-page-name.php page
                    {
                        $('div#result').html(ret);
                    }
                });

        });
    });
</script>

现在让我们继续您的HTML

    <select name="fruit_name" id="fruit_name" style="font-family: Calibri;font-size: 10pt;">
   <option value="0">-- please choose --</option>
   <option value="Pineapple">Pineapple</option>
   <option value="Apple">Apple</option> 
   </select>

<div id="result">
    <select>
        <option>Select One</option>
    </select>
</div>

php-page-name.php页面（不要忘记创建此页面并将其放在与 form1.php 相同的文件夹中）

    <?php
    // put the code to connect to your database here


    $fruit_name = $_POST['value'];  // this will contain the value selected from first dropdown

    $result = mysql_query("SELECT colour FROM fruit WHERE fruit_name = '$fruit_name'");

echo "<select name='colour' id='colour' style='font-family: Calibri;font-size: 10pt;'>";

    while($row = mysql_fetch_assoc($result))
    {
        echo "<option value = '".$row['colour']."'>" . $row['colour'] . "</option>";
    }
    echo "</select>";

mysql_free_result($result);
    ?>

PS：我正在使用mysql_*此示例中的功能，因为我假设您也是。但不建议这样做，因为它们很快就会被弃用。您可能想切换到mysqli或PDO

于 2012-11-12T08:08:20.700 回答