怎么用javascript把写在文本框的内容显示在下面表格里面并为其标上序号,序号递增! <body>
姓名:<input type="text" id="name">
年龄:<input type="text" id="age"><br/>
<input type="button" value="显示" onclick="xs()"><br/>
<table border="1" id="tableA">
<tr>
<td>序号 </td>
<td>姓名 </td>
<td>年龄 </td>
</tr>
</table>
</body>
姓名:<input type="text" id="name">
年龄:<input type="text" id="age"><br/>
<input type="button" value="显示" onclick="xs()"><br/>
<table border="1" id="tableA">
<tr>
<td>序号 </td>
<td>姓名 </td>
<td>年龄 </td>
</tr>
</table>
</body>
解决方案 »
- 有一种放大的效果怎么做
- 类似360的设置自动保存是如何实现的,写在哪个事件里比较好
- IE和 firefox 关于 table 行隐藏和显示 错乱怎么解决
- 针对一个匿名对象使用with语句,能否访问该匿名对象的任意属性?
- 调用百度谷歌搜索遇到的问题
- 关于树状菜单改为表格显示?????在线求教,紧急求助!!!!!!!!!
- 能否实现象csdn的树型结构,但是各个节点之间要用竖线连起来,以表明层次关系?
- 一个很小、很有趣,很有新意的关于javascript的问题
- 关于层的使用!
- 如何利用修改下面这段代码(以下页面中的code)以直接生成一个单独的页面?
- js异步提交xmlHttp.send(value)第二次后台接受为空。
- 火狐 获取frameset对象 急急急急急急急
姓名:<input type="text" id="name">
年龄:<input type="text" id="age"><br/>
<input type="button" value="显示" onclick="xs()"><br/>
<table border="1" id="tableA">
<tr>
<td>序号 </td>
<td>姓名 </td>
<td>年龄 </td>
</tr>
</table>
<script type="text/javascript">
function xs() {
var n = document.getElementById('name'), a = document.getElementById('age');
if (n.value == '') { alert('请输入姓名!'); n.focus(); return false; }
if (a.value == '') { alert('请输入年龄!'); a.focus(); return false; }
var tb = document.getElementById('tableA'), len = tb.rows.length, tr = tb.insertRow(len), td = tr.insertCell(0);
td.innerHTML = len;
td = tr.insertCell(1); td.innerHTML = n.value
td = tr.insertCell(2); td.innerHTML = a.value;
}
</script>
</body>
function xs(){
var _name=document.getElementById("name").value;
var _age=document.getElementById("age").value;
var _tbody=document.getElementById("tableA").getElementsByTagName("tbody")[0];
var _tr=document.createElement("tr");
var _td=document.createElement("td");
_td.innerHTML=index;
_tr.appendChild(_td);
_td=document.createElement("td");
_td.innerHTML=_name;
_tr.appendChild(_td);
_td=document.createElement("td");
_td.innerHTML=_age;
_tr.appendChild(_td);
_tbody.appendChild(_tr)
index++;
}
var name = document.getElementById('name').value;
var age = document.getElementById('age').value;
//console.log(name + ':' + age);
var table = document.getElementById('tableA');
var row_index = table.rows.length;
var row=table.insertRow(rows_index);
var cell0=row.insertCell(0);
var cell1=row.insertCell(1);
var cell2=row.insertCell(2);
cell0.innerHTML = rows_index;
cell1.innerHTML = name;
cell2.innerHTML = age;
}