選擇下拉選項時，從mysql數據庫填充HTML表單字段

Question

我想根據在下拉列表中選擇的特定選項來填充數據庫中的文本字段。 例如，下拉列表包含文章的標題，當我選擇或單擊某些文章以使“科學”出現時，應將反對科學的數據庫內容以以下形式顯示在文本區域中……任何事情將不勝感激:)

Answer 1

這是一個使用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;
    }
}

Answer 2

實現它的兩種方法：

首先，沒有ajax方式的PHP：應該有兩種形式..一種形式，第一種形式包含從db預填充的數據...用戶提交此形式（即javascript提交或傳統的提交按鈕單擊）后，該數據可以通過將其作為值傳遞來對照查詢語句的內容進行評估。然后，將從SELECT語句返回的數據重新顯示在同一頁上的另一種形式的文本區域中。

其次，使用ajax進行POST，而不要使用兩種形式的方法，該方法將更快，更高效。

選擇下拉選項時，從mysql數據庫填充HTML表單字段

問題描述

2 個解決方案

解決方案1
2 2012-07-31 17:28:22

解決方案2
1 2012-07-31 17:08:26

選擇下拉選項時，從mysql數據庫填充HTML表單字段

問題描述

2 個解決方案

解決方案1 2 2012-07-31 17:28:22

解決方案2 1 2012-07-31 17:08:26

解決方案1
2 2012-07-31 17:28:22

解決方案2
1 2012-07-31 17:08:26