js如何实现点击链接后将文字显示在文本框（本身文本框是隐藏的）

<form method="post" action="servlet/PayUpdate">
  <table border="0" align="center">
  <%
  List<Pay> payAll = null;
  int userId = Integer.parseInt(request.getParameter("userId"));
  payAll = DAOFactory.getIPayDAOInstance().findById(userId);
  for(Pay pay : payAll){
  %>
  <tr><td>积分编号</td><td><%=pay.getPayId()%></td></tr>
  <tr><td>用户编号</td><td><%=pay.getUserId()%></td></tr>
  <tr><td>用户金额</td><td><%=pay.getMoney()%></td></tr>
  <tr><td>用户积分</td><td><input type="text" id="integral" name="integral" value="<%=pay.getIntegral()%>" size="7"/></td></tr>
  <%
  }
  %>
  <tr><td><a href="#" onclick="winClose()">关闭窗口</a></td><td><a href="#" >修改积分</a></td></tr>
  </table>
  </form>


感觉无法实现

因为起初要hidden用户积分的文本框，而后又要点击链接后显示编辑文本框。

是不是有点难啊。如果hidden后用户积分的值就不显示了

[解决办法]
用css样式：<input name=username type=text maxlength=20 style="border:0;background:transparent;" >

[解决办法]
<input name=username id="username " type=text maxlength=20 style="border:0;background:transparent;" >
点击Button 时
document.getElementById("username").style="";
[解决办法]
我也觉得这个问题要用一个div来解决，把用户积分那个文本框放在一个隐藏的div里面，等到需要显示的时候再显示该div，注意文本框是一直处于显示状态的，是通过div的隐藏来控制文本框的隐藏