php - 如何通过在 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，它会清除文本区域。我正在尝试使用相同的表信息填充文本区域，只是该表中的字段不同。

Answer 1

您可以使用 JQuery 来实现此目的

在 html 添加的 head 部分

<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>