HTML Formular Eingabe Tag Name Element Array mit JavaScript

Dies ist eine zweiteilige Frage. Jemand eine ähnliche Frage beantwortet, den anderen Tag (die ebenfalls enthaltenen Informationen über diesen Typ von array in PHP), aber ich kann es nicht finden.

1.) Zuerst, was ist die richtige Terminologie für ein array erstellt auf das Ende des name-element ein input-tag in einem Formular?

<form>

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

</form>

2.) Wie bekomme ich die Daten aus diesem array mit JavaScript? Speziell, ich bin jetzt nur zu wollen, zählen Sie die Elemente des Arrays. Hier ist, was ich Tat, aber es funktioniert nicht.

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();
            }
        }
    }
}

InformationsquelleAutor der Frage ubiquibacon | 2010-07-13

39

1.) Zuerst, was ist die richtige Terminologie für ein array erstellt auf das Ende des name-element ein input-tag in einem Formular?

"Oftimes Verwirrend PHPism"

Soweit JavaScript betrifft eine Reihe von Formular-Steuerelemente mit dem gleichen Namen sind nur ein Haufen von Formular-Steuerelemente mit dem gleichen Namen, und Formular-Steuerelemente, die mit Namen, enthalten die eckigen Klammern nur die Formular-Steuerelemente mit Namen, gehören eckigen Klammern.

PHP Namenskonvention für Formular-Steuerelemente mit dem gleichen Namen ist manchmal nützlich (wenn Sie haben eine Anzahl von Gruppen von Steuerelementen, so dass Sie tun können, Dinge wie diese:
```
<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">
```
) aber nicht zu verwechseln einige Leute. Einige andere Sprachen übernommen haben, die Konvention, da dies ursprünglich geschrieben wurde, aber in der Regel nur als optionales feature. Zum Beispiel über dieses Modul für JavaScript.

2.) Wie bekomme ich die Daten aus diesem array mit JavaScript?

Es ist nur noch eine Frage der Eigenschaft mit dem gleichen Namen wie das Formular-Steuerelement aus elements. Der trick ist, dass da der name des Formular-Steuerelemente enthält eckige Klammern, die Sie nicht verwenden können, die Punkt-notation und verwenden eckige Klammer notation wie jede andere JavaScript-Eigenschaft name enthält Sonderzeichen.

Da Sie mehrere Elemente mit diesem Namen, wird es eine Sammlung eher dann ein einzelnes Steuerelement, so können Sie die Schleife über es mit einem standard-for-Schleife, macht sich seine length-Eigenschaft.
```
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];
}
```
InformationsquelleAutor der Antwort Quentin

Versuchen, diese so etwas wie dieses:

var p_ids = document.forms[0].elements["p_id[]"];
alert(p_ids.length);
for (var i = 0, len = p_ids.length; i < len; i++) {
  alert(p_ids[i].value);
}

InformationsquelleAutor der Antwort Matt King

4

document.form.p_id.length ... nicht count().

Sollten Sie wirklich geben Sie Ihrem Formular eine id
```
<form id="myform">
```
Dann finden Sie es mit:
```
var theForm = document.getElementById("myform");
```
Beziehen sich dann auf die Elemente wie:
```
for(var i = 0; i < theForm.p_id.length; i++){
```
InformationsquelleAutor der Antwort Andir

Beantworten Ihre Fragen in der Reihenfolge:

1) Es gibt keinen bestimmten Namen für diese. Es ist einfach, mehrere Elemente mit demselben Namen (und in diesem Fall geben Sie als gut). Name nicht eindeutig ist, das ist der Grund, warum id erfunden wurde (es soll eindeutig sein).

2)

Funktion getElementsByTagAndName(tag, name) { 
//Sie weitergeben konnte sich in der anfangs-element, das wäre schneller 
var elem = document.getElementsByTagName(tag); 
var arr = new Array(); 
var i = 0; 
var iarr = 0; 
var att; 
für(; i < elem.length; i++) { 
att = elem[i].getAttribute("name"); 
if(att == name) { 
arr[iarr] = elem[i]; 
iarr++; 
} 
} 
return arr; 
}

InformationsquelleAutor der Antwort jmoreno

-2

Hier einige PHP-und JavaScript-demonstration-code zeigt eine einfache Möglichkeit zum erstellen von indizierten Felder in einem Formular (Felder mit dem gleichen Namen) und dann zu verarbeiten, die sowohl in JavaScript und PHP. Die Felder müssen beide "ID" - Namen und "NAMEN" - Namen. Javascript verwendet die ID und verwendet PHP den NAMEN.

<?php
//How to use same field name multiple times on form
//Process these fields in Javascript and PHP
//Must use "ID" in Javascript and "NAME" in PHP 
echo "<HTML>";
echo "<HEAD>";
?>
<script type="text/javascript">
function TestForm(form) {
//Loop through the HTML form field (TheId) that is returned as an array. 
//The form field has multiple (n) occurrences on the form, each which has the same name.
//This results in the return of an array of elements indexed from 0 to n-1.
//Use ID  in Javascript
var i = 0;
document.write("<P>Javascript responding to your button click:</P>");
for (i=0; i < form.TheId.length; i++) {
  document.write(form.TheId[i].value);
  document.write("<br>");
}  
}
</script>
<?php
echo "</HEAD>";
echo "<BODY>";
$DQ = '"';  # Constant for building string with double quotes in it.

if (isset($_POST["MyButton"])) {
  $TheNameArray = $_POST["TheName"];  # Use NAME in PHP
  echo "<P>Here are the names you submitted to server:</P>";
  for ($i = 0; $i <3; $i++) {   
    echo $TheNameArray[$i] . "<BR>";
  } 
}
echo "<P>Enter names and submit to server or Javascript</P>";
echo "<FORM NAME=TstForm METHOD=POST ACTION=" ;
echo $DQ . "TestArrayFormToJavascript2.php" . $DQ . "OnReset=" . $DQ . "return allowreset(this)" . $DQ . ">";
echo "<FORM>";
echo "<INPUT ID = TheId NAME=" . $DQ . "TheName[]" . $DQ . " VALUE=" . $DQ . "" . $DQ . ">";
echo "<INPUT ID = TheId NAME=" . $DQ . "TheName[]" . $DQ . " VALUE=" . $DQ . "" . $DQ . ">";
echo "<INPUT ID = TheId NAME=" . $DQ . "TheName[]" . $DQ . " VALUE=" . $DQ . "" . $DQ . ">";
echo "<P><INPUT TYPE=submit NAME=MyButton VALUE=" . $DQ . "Submit to server"    . $DQ . "></P>";
echo "<P><BUTTON onclick=" . $DQ . "TestForm(this.form)" . $DQ . ">Submit to Javascript</BUTTON></P>"; 
echo "</FORM>";
echo "</BODY>";
echo "</HTML>";

InformationsquelleAutor der Antwort John

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.