怎么单击修改的时候,把数量变成文本框,而且里面有数量<script type="text/javascript">
function dele(id){
var docu=document.getElementById(id).rowIndex;
document.getElementById("table1").deleteRow(docu);
}
function upd(id,a){
var v=document.getElementById("t1").rowIndex;
}
</script>
</head>
<body>
<table id="table1" border="1px">
<tr style="text-align:center; font-weight:bold;">
<td>商品名称</td>
<td>数量</td>
<td>单价</td>
<td>操作</td>
</tr>
<tr id="tr2">
<td>玫瑰保湿睡眠面膜</td>
<td>5</td>
<td>¥48</td>
<td><input type="button" value="删除" onclick="dele('tr2')"/>
<input id="t1" type="button" value="修改" onchange="upd('tr2',this)" /></td>
</tr>
<tr style="text-align:center">
<td colspan="4"><input type="button" value="增加订单" /></td>
</tr>
</table>
解决方案 »
- 多个checkbox时点击显示和隐藏关系??
- 请问下ext grid 列如何根据内容自动撑开
- 请高手把此段php代码转换为js,谢谢
- 我是新手,写了个js脚本,点击后隐藏输入框文本,代码太冗长···
- IE中的innerHtml问题,在JS中控制统计列表的表头动态改变,然后报未知的运行错误,谁有好的解决方案?
- JS 图片预加载的杠杠的简单的问题
- [100分][新手问题] 帮我javascript面向对象的一个小问题
- 急救~!当屏幕大于1000时,显示对联,否则不显示
- 有什么办法可以做到拒绝使用 tencent 的浏览器浏览?
- 支付宝的一个时间轴控件实现
- 一个奇怪iframe问题
- div设置了透明度 为什么没有作用
#price{width:100%;border:none }
</style>
<script type="text/javascript">
function dele(id){
var docu=document.getElementById(id).rowIndex;
document.getElementById("table1").deleteRow(docu);
}
function upd(id,a){
var td=a.parentNode.parentNode.getElementsByTagName('td')['priceTd']
var input=td.getElementsByTagName('input')[0] ;
var v=td.innerHTML.match(/\d+/)||0;
if(!input ){
var w=td.offsetWidth-2;
td.innerHTML= '<input id="price" />';
var input=td.getElementsByTagName('input')[0] ;
input.style.width=w +'px';
input.value=v;
input.focus();
}
}
</script>
</head>
<body>
<table id="table1" border="1px">
<tr style="text-align:center; font-weight:bold;">
<td>商品名称</td>
<td>数量</td>
<td>单价</td>
<td>操作</td>
</tr>
<tr id="tr2">
<td>玫瑰保湿睡眠面膜</td>
<td>5</td>
<td id="priceTd" >¥48</td>
<td><input type="button" value="删除" onclick="dele('tr2')"/>
<input id="t1" type="button" value="修改" onclick="upd('tr2',this)" /></td>
</tr>
<tr style="text-align:center">
<td colspan="4"><input type="button" value="增加订单" /></td>
</tr>
</table>
onblur的时候 文本框要看起来就像白纸一样没有边框
onfocu的时候 文本框的边框出现
这样的话,只用一个 input 就能修改所有 TD 单元,或者符合修改条件的TD
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#price{width:100%;border:none }
</style>
</head><body><script type="text/javascript">
function dele(id){
var docu=document.getElementById(id).rowIndex;
document.getElementById("table1").deleteRow(docu);
}
function upd(id,a){
var td=a.parentNode.parentNode.getElementsByTagName('td')['suliang']
var input=td.getElementsByTagName('input')[0] ;
var v=td.innerHTML.match(/\d+/)||0;
if(!input ){
var w=td.offsetWidth-2;
td.innerHTML= '<input id="price" />';
var input=td.getElementsByTagName('input')[0] ;
input.style.width=w +'px';
input.value=v;
input.focus();
}
}
function save(id,a){
var td=a.parentNode.parentNode.getElementsByTagName('td')['suliang'];
td.innerHTML=td.getElementsByTagName('input')[0].value;
}</script>
</head>
<body>
<table id="table1" border="1px">
<tr style="text-align:center; font-weight:bold;">
<td>商品名称</td>
<td>数量</td>
<td>单价</td>
<td>操作</td>
</tr>
<tr id="tr2">
<td>玫瑰保湿睡眠面膜</td>
<td id="suliang">5</td>
<td id="priceTd" >¥48</td>
<td><input type="button" value="删除" onclick="dele('tr2')"/>
<input id="t1" type="button" value="修改" onclick="upd('tr2',this)" /> <input id="save" type="button" value="保存" onclick="save('tr2',this)" /></td>
</tr>
<tr style="text-align:center">
<td colspan="4"><input type="button" value="增加订单" /></td>
</tr>
</table>
</body>
</html>