如何将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('');"/> 

请建议我该如何做。

- Tanu

---

你能否详细地发布你的代码？ - Arun Rana

使用标记为 {} 的按钮将一行代码添加4个空格以显示为代码。 - StuperUser

Answer 1

如果事件是由按钮触发的，你需要先获取文本输入对象，才能将其传递给函数。通过id获取它是最好的方法。

你可以使用文本框的id：

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

在你的函数中使用此代码作为参数，或者使用Ahsan Rathod的方法。

- StuperUser

---

抱歉，我知道这个解决方案...但我想直接在函数中传递值。 - Tanu

如果事件是由按钮引发的，您将无法在未获取文本输入对象的情况下将其传递给函数，通过id获取它是最好的方法。 - StuperUser

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'));"/>

- fatnjazzy

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/

- Ahsan Rathod

---

@Tanu，您使用的是哪个浏览器和版本？ - StuperUser

Answer 4

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

var text = document.getElementsByName("textbox1").value;

- Arun Rana

---

好的，它不是 getElementsByName。相反，它应该是：var text=document.getElementById("textbox1").value; - user1893827