javascript - 在不提交表单的情况下获取表单文本字段的值

Question

我的页面上有一个表单，我希望能够在不提交表单本身的情况下将文本框值(部件号)作为超链接中的查询字符串提交？这可能吗 ？我做了一些研究并尝试了 document.getElementById("partnumber").value 但我收到错误“需要对象”。代码如下。

 <form id="form3" name="form3" method="post" action="formpost?rmaid=<%=rmaid%>">
    <input name="partnumber" type="text" id="partnumber" size="10" />
<a href="suggest.asp?partnumber=<%document.getElementById("partnumber").value%>"><span class="style11">Suggest Link</span></a>
<input name="invoice" type="text" id="invoice" size="15" />
</form>

我会将新页面设置为在弹出窗口中打开，并在数据库中列出一系列值，但随后我需要选择的值返回到原始页面上的发票字段中。我相信这可以用 JavaScript 完成，但我是新手，有人能帮忙吗？

对于那些希望传回值的人，我发现这个代码片段有效...把它放在子窗口中

<script language="javascript"> 
function changeParent() { 
  window.opener.document.getElementById('Invoice').value="Value changed..";
  window.close();
} 
</script> 

<form> 
<input type=button onclick="javascript:changeParent()" value="Change opener's textbox's value.."> 
</form> 

Answer 1

对于输入字段，您应该向其添加一个 OnChange。此事件应调用一个函数，该函数随后将设置您的链接的值。

您可以在此处查看示例(它使用按钮按下而不是输入 OnChange 事件):http://www.java2s.com/Code/JavaScript/HTML/ChangeURLandtextofahyperlink.htm

编辑:添加了说明解决方案的堆栈代码段。

function SetSuggestLink() {
    var suggest = document.getElementById('partnumber').value;
    document.getElementById('innerSpan').innerHTML = 
        "Suggest Link: suggest.asp?partnumber=" + suggest;
    document.getElementById('QueryLink').href = 
        "suggest.asp?partnumber=" + suggest;
}

.style11 {
  color:black;
}

.style2 {
  text-decoration:none;
}

<form id="form3" name="form3" method="post" action="formpost?rmaid=SomeValue">
    <input name="partnumber" type="text" id="partnumber" size="10" 
           OnChange="SetSuggestLink()" /> </br>
    <a id="QueryLink" class="style2" href="#">
      <span id="innerSpan" class="style11">Suggest Link</span>
    </a></br>
    <input name="invoice" type="text" id="invoice" size="15" />
</form>