plutho: ID setzen mit Javascript?

Beitrag lesen

SELF-Forum

ID setzen mit Javascript?

plutho
– Informationen zu den Bewertungsregeln

Hallo!
Habe mehrere <input type="text"> die via Javascript erstellt werden.
Die gemachte Eingabe soll via php verarbeitet werden.
Leider kann ich den Eingabefeldern nicht bei der Erstellung, sondern erst bei der Übermittlung (also, genau genommen vor der Übermittlung) des Formularen an php via Javascript eine ID verpassen.

Aber wie?

Über Javascript, kann ich mir zumindest alles über alert ausgeben lassen.

Hier mal die vereinfachte Fassung:

<html>
<head>
<script type="text/javascript">
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
var table=document.getElementById("myTable");
var deleterow=table.deleteRow(i);
}

function addRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
var table=document.getElementById("myTable");
var addrow=table.insertRow(i);
var cell1=addrow.insertCell(0);
var cell2=addrow.insertCell(1);
cell1.innerHTML="<input type='text' width='150px'>";
cell2.innerHTML="<input type='button' value='-' onclick='deleteRow(this)'><input type='button' value='+' onclick='addRow(this)'>";
}

function ausgabe()
{
var inputs = document.getElementsByTagName("input");
var i=0;
  for (x=0;x<=inputs.length;x++)
  {
    if(inputs[x].type == 'text')
    {
    i++;
    myname = "Index Nr.: "+x+"\nZeile: "+i+"\nInhalt: "+inputs[x].value;
    alert(myname);
    }
  }
}

</script>
</head>
<body>
<form name="tabelle" method="post" action="tabelle.php">
<table id="myTable" border="1">
<tr><th colspan="2">Test</th></tr>
<tr>
  <td><input type="text" value="1" width="150px"></td>
  <td><input type="button" value="-" onclick="deleteRow(this)"><input type="button" value="+" onclick="addRow(this)"></td>
</tr>
<tr>
  <td><input type="text" value="2" width="150px"></td>
  <td><input type="button" value="-" onclick="deleteRow(this)"><input type="button" value="+" onclick="addRow(this)"></td>
</tr>
<tr>
  <td><input type="text" value="3" width="150px"></td>
  <td><input type="button" value="-" onclick="deleteRow(this)"><input type="button" value="+" onclick="addRow(this)"></td>
</tr>
<tr>
  <th colspan="2"><input type="button" value="Ausgabe aller Zeilen" onclick="ausgabe(this)"></th>
</tr>
</table>
<input type="button" value="senden" onclick="javascript:senden()">
</form>
</body>
</html>

(Bitte keine Übermittlung via Url!!!)

Danke im Voraus!

Beitrag melden
–
Informationen zu den Bewertungsregeln