使用 JavaScript 的 HTML 表单输入标签名称元素数组 [英] HTML form input tag name element array with JavaScript

问题描述

这是一个两部分的问题.前几天有人回答了类似的问题(其中也包含有关 PHP 中此类数组的信息)，但我找不到.

This is a two part question. Someone answered a similar question the other day (which also contained info about this type of array in PHP), but I cannot find it.

1.) 首先，在表单中输入标签的名称元素末尾创建的数组的正确术语是什么?

1.) First off, what is the correct terminology for an array created on the end of the name element of an input tag in a form?

<form>

    <input name="p_id[]" value="0"/>
    <input name="p_id[]" value="1"/>
    <input name="p_id[]" value="2"/>

</form>

2.) 如何使用 JavaScript 从该数组中获取信息?具体来说，我现在只想计算数组的元素.这是我所做的，但它不起作用.

2.) How do I get the information from that array with JavaScript? Specifically, I am right now just wanting to count the elements of the array. Here is what I did but it isn't working.

function form_check(){
    for(var i = 0; i < count(document.form.p_id[]); i++){  //Error on this line

        if (document.form.p_name[i].value == ''){
            window.alert('Name Message');
            document.form.p_name[i].focus();
            break;
        }

        else{
            if (document.form.p_price[i].value == ''){
                window.alert('Price Message');
                document.form.p_price[i].focus();
                break;
            }

            else{
                update_confirmation();
            }
        }
    }
}

推荐答案

1.) 首先，在表单中输入标签的名称元素末尾创建的数组的正确术语是什么?

1.) First off, what is the correct terminology for an array created on the end of the name element of an input tag in a form?

经常混淆 PHP 主义"

"Oftimes Confusing PHPism"

对于JavaScript来说一堆同名的表单控件只是一堆同名的表单控件，名称中包含方括号的表单控件只是名称中包含方括号的表单控件.

As far as JavaScript is concerned a bunch of form controls with the same name are just a bunch of form controls with the same name, and form controls with names that include square brackets are just form controls with names that include square brackets.

具有相同名称的表单控件的 PHP 命名约定有时很有用(当您有多个控件组时，您可以执行以下操作:

The PHP naming convention for form controls with the same name is sometimes useful (when you have a number of groups of controls so you can do things like this:

<input name="name[1]">
<input name="email[1]">
<input name="sex[1]" type="radio" value="m">
<input name="sex[1]" type="radio" value="f">

<input name="name[2]">
<input name="email[2]">
<input name="sex[2]" type="radio" value="m">
<input name="sex[2]" type="radio" value="f">

) 但确实让一些人感到困惑.自最初编写以来，其他一些语言已采用该约定，但通常仅作为可选功能.例如，通过 这个 JavaScript 模块.

) but does confuse some people. Some other languages have adopted the convention since this was originally written, but generally only as an optional feature. For example, via this module for JavaScript.

2.) 如何使用 JavaScript 从该数组中获取信息?

2.) How do I get the information from that array with JavaScript?

仍然只是从elements获取与表单控件同名的属性的问题.诀窍在于，由于表单控件的名称包含方括号，因此不能使用 点符号并且必须使用方括号符号 就像任何其他包含特殊字符的 JavaScript 属性名称.

It is still just a matter of getting the property with the same name as the form control from elements. The trick is that since the name of the form controls includes square brackets, you can't use dot notation and have to use square bracket notation just like any other JavaScript property name that includes special characters.

由于您有多个具有该名称的元素，因此它将是一个集合而不是单个控件，因此您可以使用利用其 length 属性的标准 for 循环遍历它.

Since you have multiple elements with that name, it will be a collection rather then a single control, so you can loop over it with a standard for loop that makes use of its length property.

var myForm = document.forms.id_of_form;
var myControls = myForm.elements['p_id[]'];
for (var i = 0; i < myControls.length; i++) {
    var aControl = myControls[i];
}

这篇关于使用 JavaScript 的 HTML 表单输入标签名称元素数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！