Question

我有一个带有id的表单和带有id的多个输入以及我如何在表单标记内获得特定输入。

<form action="#" method="post" id="frm-location">
      <input type="text" name="txt-location" id="txt-location" />
</form>

我想要的是从frm-location获取txt-location

Answer 1

您想要引用<input>元素本身吗？

var form = document.getElementById('frm-location'),
    input = form.getElementsByTagName('input');

// or, more specifically:
var form = document.getElementById('frm-location'),
    input = form['txt-location'];
    // if the name didn't have a dash in it, you could write this instead:
    input = form.txtLocation;

// or, even better, since the input has an ID:
var input = document.getElementById('txt-location');

您想要该元素的值吗？

var input = /* whatever */,
    inputValue = input.value;

https://developer.mozilla.org/en/DOM/HTMLInputElement

Answer 2

HTML是一种静态类型标记语言。因此，本身访问和处理数据的选择并不多。有一些从网页获取数据的一般方法。我将解释通用，但它们将转换为您正在使用的任何平台/语言。

访问数据服务器端。这是通过让用户提交表单来完成的。提交后，将通过查询参数提供这些值。各种语言将有不同的方法来访问参数。
访问数据客户端。您可以随时使用javascript来挂钩客户端事件，如onblur，onchange，onfocus。一旦您的javascript触发，您可以使用dom / js方法访问各种表单元素，如getElementById / getElementByName - 这将分别引用您的表单元素但ID / Name。
混合方法。 AJAX是上面列出的两种方法的混合。客户端代码（javascript）对服务器进行异步调用。然后，服务器以某种方式处理数据，并将响应发送回客户端。

希望这能指出你正确的方向。如果您想稍微澄清一下您的问题，我当然可以尝试更多地回答您的具体案例。

获取表单标记内的输入

2 个答案: