将文本输入传递给onclick处理程序的javascript

假设我有一个如下的表格。如何将名为“configname”的文本框中的值传递给onclick函数处理程序

<form id="loadconfigform">
        Config Name: <input type="text" name="configname" />
        <input type="button" value="Submit" onclick="onLoadConfigPress(configname)" />
    </form>

配置名称：

配置名称：

为输入字段提供一个

id

：

<input type="text" id="configname" name="configname" />

配置名称：

用它的名字简单地称呼它。不过我还是建议使用ID

---

如果您有其他同名元素，这将不起作用，因此请像其他答案建议的那样使用ID。

@user<代码>id必须是元素的唯一标识符。getElementById（…）快速查找并返回指向元素的指针（如果找到）。这无法正常工作

name

不是唯一的，您必须切换到使用

document.getElementById（'loadconfigform'）.getElementsByName（…）[0]

因为其他元素可以具有相同的

name

属性，并且可以放在我们的元素之前。同样，其他元素也可以被赋予不同的名称，但在实践中，我没有看到这种情况发生。我知道他应该用身份证。我只是给他一个解决他具体问题的方法。你解决他具体问题的方法并不总是有效的。你必须写下来回答这个问题。

<input type="text" id="configname" name="configname" />

<input type="button" value="Submit" 
  onclick="onLoadConfigPress(document.getElementById('configname').value)" />

<input type="button" value="Submit" 
  onclick="onLoadConfigPress(document.forms[0].configname.value)" />

<form id="loadconfigform">
        Config Name: <input type="text" name="configname" />
        <input type="button" value="Submit" onclick="onLoadConfigPress(document.getElementsByName('configname')[0].value)" />
    </form>