如何将html文本框值传递给javascript函数

Question

我有一个HTML文本框，用户将输入一些我希望传递给JavaScript函数的字符串：

<input type="text" id="ad_search_query" style="width:295px">&nbsp;
<input type="button" value="<s:text name="button.search"/>" class="p-userButton"
 onClick="ADSEARCHGF.showTable('');"/> 

请建议我该怎么做。

Answer 1

如果按钮引发了事件，则不会先将文本输入对象传递给函数而不先获取它，因此通过id获取它是最好的方法。

您可以使用文本框的ID：

var searchValue = document.getElementById('ad_search_query').value;

在您的函数中，或使用Ahsan Rathod的方法将此代码用作参数。

Answer 2

<script>
function showTable(obj){
alert(obj.value)
}
</script>

<input type="text" id="ad_search_query" style="width:295px">&nbsp; 
<input type="button" value="search" class="p-userButton" onClick="showTable(document.getElementById('ad_search_query'));"/>

Answer 3

这样做：

<强> JS：

  

<script> function showTable（val）{alert（val）;} </script>

<强> HTML：

<input type="text" id="ad_search_query" style="width:295px">&nbsp; 
<input type="button" value="search" class="p-userButton" onClick="showTable(document.getElementById('ad_search_query').value);"/>

请参阅此演示：http://jsfiddle.net/rathoreahsan/8ddbD/

Answer 4

在javascript函数中，您可以像这样访问文本框值

var text = document.getElementsByName（“textbox1”）。value;