我正在尝试通过在下拉列表中选择同一表的名称字段来用表中的数据填充文本区域。我拥有的代码如下。下拉列表当前正在从 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,它可以清除文本区域。我正在尝试使用相同的表信息填充文本区域,只是该表的不同字段。
你可以使用 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);
}
在你的网页中
<textarea id="text_area"></textarea>