如何通过选择使用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>