如何通過選擇使用PHP中的javascript從SQL填充的下拉列表來從SQL檢索值到文本區域

Question

我試圖通過從下拉列表中選擇同一表的名稱字段，用表中的數據填充文本區域。 我的代碼如下。 當前正在從SQL中填充下拉列表，並且所有查詢均已就緒。 我主要不確定所需的javascript。 任何幫助將非常感激。

<li><label for="frm_precan">Canned Response</label>
            <span class="input">                        
                    <select id="frm_precan" name="precan" onchange="updateText();">
                            <option value="">--Please Select--</option>
                            <?php foreach($precan_list as $precan) : ?>
                            <option value="<?=$precan['id'];?>"><?=$precan['name'];?></option>
                            <?php endforeach; ?>            
                    </select>
            </span>
        </li>
        </ul>   
        <textarea id="txtmessage" style="width: 100%; margin: 0; padding: 0; border-width: 1; font-family: courier;" name="message" rows="10"></textarea>

        <script type="text/javascript">

        function updateText()
            {
            document.getElementById('txtmessage').value = '';
            }
        </script>

目前，我有javascript鏈接到on change函數，它清除了文本區域。 我正在嘗試使用相同的表信息填充文本區域，只是該表中的不同字段。

Answer 1

您可以為此使用JQuery

在html的頭部添加

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

那么您的功能是：

    function updateText(){
        var value = $("#frm_precan option:selected").text();//id of select
        $('#text_area').val(value);
        }

在你的HTML

    <textarea id="text_area"></textarea>