javascript - 获取文本框值并放入 HREF

Question

我敢肯定这可能非常简单，但就是这样......

<input type='textbox' name='qtybox' id='qtybox' style='width:20px;'> <a href=""/Cart.asp?Code=123456&QTY=GET QTYBOX VALUE HERE"" onclick=""somefunction(this, event); return false;"" title=""Add To Cart""><img src=""testbutton.gif"" alt=""Add To Cart"" title=""Add To Cart""/></a>

我试过了

<input type='textbox' name='qtybox' id='qtybox' style='width:20px;'> <a href=""/Cart.asp?Code=123456&QTY='+document.getElementById('qtybox').value;'"" onclick=""somefunction(this, event); return false;"" title=""Add To Cart""><img src=""testbutton.gif"" alt=""Add To Cart"" title=""Add To Cart""/></a>

但是失败了。有什么想法吗？

Answer 1

除了所有双引号 " 之外，您还试图在 javascript 中为 href 构建一个字符串，但这种方式不起作用。

最简单的解决方案是将 url 部分添加到您指定为 onclick 处理程序的 somefunction 函数(无论如何都以 return false 结尾)。

或者，您可以尝试:

<input id="qtybox">

<a   href="#" 
    title="Add To Cart" 
  onclick="this.href='/Cart.asp?Code=123456&QTY='   
                      +document.getElementById('qtybox').value;
           somefunction(this, event); return true;">
 <img src="testbutton.gif" alt="Add To Cart" title="Add To Cart" />
</a>

有关工作示例，请参阅此 fiddle :http://jsfiddle.net/acMrj/

祝你好运!