总结:我正在寻找一种简单的方法来刷新HTML表单上的textarea而不刷新页面。
详细说明: 我正在编写一个应用程序,使用从数据库中提取的数据为论坛生成标准化的BBCode格式。这是一个非简单的投票柜台;我列出了一份合格选民名单以及他们投票的选项,并有一个投票计数,显示每个选项,然后是它有多少票,以及一个投票给谁的名单,然后是一个没有人的名单但投票。
在textarea之上,我希望每个选民都有一行符合条件的投票选项下拉框,当用户更改下拉框的值时,我希望textarea中的投票计数更新而不刷新整个页面
这只能用PHP5和HTML5吗?
答案 0 :(得分:0)
演示: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>
现在您必须选择修改选项:
将Jquery添加到页面的头部:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>