如何获取文本框的值

Question

<input id="Nums" type="text" style="width:25px" value="1" />个
<a href="/product/shopping.aspx?q_productid=2&nums=这个地方怎么获取前面的Nums的值"><img src="/images/button_buy.gif" border="0"></a>

Answer 1

<input id="Nums" type="text" style="width:25px" value="1" />个
<a id="aaa" href=""><img src="/images/button_buy.gif" border="0"></a>
然后在其后边加入下边js
<script type="text/javascript">
var hrefVal = "/product/shopping.aspx?q_productid=2&nums=";
hrefVal += document.getElementById('Nums').value;
document.getElementById('aaa').href = hrefVal;
</script>

Answer 2

如果改变Nums的值，再点连接，不能获取到Nums的最新值，只能得到以前的默认值

Answer 3

<input id="Nums" type="text" style="width:25px" value="1" />个
<a href="/product/shopping.aspx?q_productid=2&nums=这个地方怎么获取前面的Nums的值"><img src="/images/button_buy.gif" border="0"></a><script type="text/javascript">
document.getElementById('Nums').onchange = function() {
var myAnchor = document.getElementsByTagName('a')[0];
var ar = myAnchor.href.split('=');
ar[ar.length - 1] = this.value;
myAnchor.href = ar.join('=');
}
</script>