总结:我正在寻找一种简单的方法来刷新 HTML 表单更改时的文本区域,而无需刷新页面。
详细信息: 我正在编写一个应用程序,使用从数据库中提取的数据为论坛生成标准化的 BBCode 格式。这是一个非简单的计票器;我列出了一份符合条件的选民名单以及他们投票的选项,并有一个票数显示每个选项,然后是它有多少票,以及谁投票给他们的名单,然后是不投票的人的名单尚未投票。
在 textarea 上方,我希望每个选民都有一行,其中包含符合条件的投票选项的下拉框,并且当用户更改下拉框的值时,我希望 textarea 中的投票计数更新而不刷新整个页面.
仅使用 PHP5 和 HTML5 这可能吗?
最佳答案
演示:http://jsfiddle.net/5dah5/23/
这段代码应该让你开始:
<script>
function changeText(choice) {
// or just by js
$('#myTextarea').val(choice+" modified test").show();
// send choice to php file and get response back, insert that into the textarea
// $.get('do.php?file='+choice, function(data) {
// $('#myTextarea').html(data);
// });
}
</script>
<select onChange="changeText(this.value)">
<option></option>
<option value="1">Option1</option>
<option value="2">Option2</option>
</select>
<hr>
<textarea id="myTextarea">Test</textarea>
现在您必须修改选择的选项:
- 在客户端使用 Javascript
- 或者将选择传递给服务器,让 PHP 为您提供对该选择的响应
将 Jquery 添加到页面的头部:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
关于php - 使用 PHP 动态刷新文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22277433/