雪地里跪求 _JavaScript

【急】雪地里跪求，在线等

怎么单击修改的时候，把数量变成文本框，而且里面有数量



<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>&yen;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>

------解决方案--------------------
你在<td>数量</td>一开始就放上编辑框，属性disabled="disabled"，点击的时候用js把他改回来就行了，如果disabled了与其他列看起来不一样，你还可以用css修改一下！
------解决方案--------------------
或者你放上一个隐藏的输入框，点击的时候让他显示出来，隐藏原来的框也行
------解决方案--------------------





<style>

	#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" >&yen;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>

------解决方案--------------------
修改了一下楼上的



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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']