jsp中，text输入数据回车，table添加一条记录text中的数据，不刷新页面

[molan68]

请大家帮忙啊，如题！

[molan68]

为什么一个人都没有！？

[yjw3160]

百度-ajax

[adown]

不写入数据库，那js就可以简单的实现！写入数据库的话，可以使用局部刷新“iframe”、ajax实现！

[molan68]

有没有例子啊！？

[ohmydog1]

<script type="text/javascript">

function username_keydown(e)
{
    var ev = window.event || e;
    var newName=document.getElementById("username");
    if(ev.keyCode == 13 && newName.value != "")
    {
    	adduser(newName.value);
    	newName.value="";
    	}
}
function adduser(newName){

	var xxxtable =document.getElementById("xxxtable");
	var xxxtr=xxxtable.insertRow();
	var xxxtd=document.createElement("td");
	var xxxtext=document.createTextNode(newName);
	xxxtd.appendChild(xxxtext);
	xxxtr.appendChild(xxxtd);

}
</script>
<table id="xxxtable" border="1"><tr><td>name</td></tr></table>
<input type="text" id="username" onkeydown="username_keydown(event)">

[jiatai416]

你的table是怎么形成的？是在页面上写死的，还是循环遍历出来的？

[molan68]

可以在表内加上滚动条吗！？

[molan68]

text有多个，最一个才有回车事件；
table是在页面在写死的，有多行动态加入
可是如果有很多行的话，一个页面放不下的，所以希望能有个坚滚动条啊

[ohmydog1]

。。。。这些东西自己百度就有了，要学会善用搜索，自主寻解，否则一点问题就要发贴等别人回答，太浪费自己事件了。

<div style="height:100px; overflow-x : visible;  overflow-y : scroll; ">
<table id="xxxtable" border="1"><tr><td>name</td></tr></table>
</div>

overflow-x、overflow-y: visible | auto | hidden | scroll

visible: 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的宽度。
auto: 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden: 不显示超过对象宽度的内容
scroll: 总是显示横向滚动条

[molan68]

谢谢大家！

[ameyume]

把table放在iframe里，iframe单独有滚动条
如果不用向数据库写数据，直接用js就可以实现
如果要向数据库写数据，用ajax就可以实现提交到服务器