在选择下拉选项时从mysql数据库填充HTML表单字段

时间:2012-07-31 16:54:04

标签: php javascript jquery mysql

我想根据下拉列表中选择的特定选项填充数据库中的文本字段。例如,下拉列表包含文章的标题,当我选择或点击某些文章以便“科学”时,数据库中反对科学的内容应该以文本形式显示在textarea中... 请....... 任何事情将不胜感激:)

2 个答案:

答案 0 :(得分:2)

这是一个使用ajax检索信息的工作示例:(这使用jQuery)

<!DOCTYPE HTML>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<div>
    <select id="myselect">
      <option>---</option>
      <option>Milk</option>
      <option>Coffee</option>
      <option>Tea</option>
    </select>
</div>
<div>
    <textarea id="result"></textarea>
</div>
<script>
    $(document).ready(function()
    {
        $('#myselect').change(function()
        {
            var selected = $(this).find(':selected').html();
            $.post('http://localhost/tests/ajax.php', {'beverage': selected}, function(data) {
              $('#result').html(data);
            });
        }); 
    });
</script>
</body>
</html>

这是你的ajax.php文件(更改代码以从数据库中检索信息)。

if (isset($_POST['beverage']))
{
    switch($_POST['beverage'])
    {
        case 'Milk':
            print 'Milk makes you grow!';
            break;
        case 'Coffee':
            print 'Coffee does not let you sleep!';
            break;
        case 'Tea':
            print 'Tea comes from China!';
            break;
        default:
            print 'Nothing was selected';
            break;
    }
}

答案 1 :(得分:1)

实现它的两种方法:

首先,没有ajax方式的PHP:应该有两种形式..第一个下拉列表包含从db预先填充的数据...一旦用户提交此表单(即javascript提交或传统的提交按钮单击)通过将此值作为值传递,可以根据查询语句的内容评估数据... 然后,从SELECT语句返回的数据将重新显示在同一页面上另一个表单的文本区域中。

其次,使用ajax进行POST而不是使用更快,更高效的两种表单方法。