如何使用formID获取输入文本值？

Question

我在同一页面上有两种形式。 两种形式中都有一个名称相同的文本字段。

我试图从两种形式之一读取文本字段的值。 如果我试图使用下面的代码读取值，我会得到值。 但是我不确定它从哪种形式返回值。

document.getElementById("groupId")

现在，如果我尝试使用以下代码从特定形式读取值，则会收到错误。

document.forms["form1"].getElementById("groupId")

请指出我在做什么错了，我们如何读取控件的值？

我可以同时使用javascript和jquery。

Answer 1

由于您使用的是jQuery，因此可以：

$('[name=form_name]').find('#field_id');

您的情况，例如：

$('[name=form1]').find('#groupId');

使用纯js，您可以像这样：

document.form_name.getElementById("field_id");

您的案例样本：

document.form1.getElementById("groupId");

希望这可以帮助。

Answer 2

您可以使用jquery执行以下操作。

var element = $(document.forms["form1"]).find('#groupId')

要获取文本值，可以使用val函数。

var text = element.val();

Answer 3

如果我试图使用下面的代码读取值，我会得到值。 但是我不确定它从哪种形式返回值。

这意味着您有多个具有相同id元素，这是一个很大的NO。 id's在整个HTML中应该是唯一的。 如果出于某种原因，如果您想在多个元素上使用相同的id来使用JavaScript，请注意，通过为元素分配相同的class并按class访问可以完成相同的任务

话虽如此，将您的HTML更改为不具有重复的id并将其更改为具有公共类。 现在，通过这种结构，您可以from像下面这样访问元素

$('form[name="form1"]').find('input.ClassName').val()

Also for info purpose ：如果您的HTML中有多个具有相同id元素，并且当您尝试通过id访问时，始终选择从顶部开始放置在顶部解析的元素。

Answer 4

HTML的W3C标准要求ID在文档中必须唯一。