Wie man die Zelle mit dem Wert aus der ausgewählten Zeile in der HTML-Tabelle?

Mit einer Tabelle wie...

<table border="1" style="width: 100%" id="mytab1">
<tr id="A1">
    <td>100</td>
    <td>John</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="submit" value="Submit" />
    </td>
</tr>
<tr id="A2">
    <td>101</td>
    <td>Jane</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="submit" value="Submit" />
    </td>
</tr>

Ich versuche, den Wert der ersten Zelle in einer Zeile, in denen ich drückte auf den "Senden" - Knopf. Ich bin ein Neuling in diesem. Dies ist ein Beispiel, aber ich bin wirklich an einem dynamisch erzeugten html-Tabelle in eine jsp-Seite, ähnlich wie diese Wie man die Zellendaten, die von einer bestimmten Zeile aus der dynamisch erstellten HTML-Tabelle? Frage. Ich kann einfach nicht bekommen es funktioniert.

  • versuchen Sie, mit javascript
  • Oder machen Sie eine form und einrichten, html versteckten Feldern
  • Könnte jemand ein code-Beispiel, bitte?
InformationsquelleAutor uluroki | 2013-01-23
  1. 1

    Diese Art der Arbeit, die javascript nicht sehr gut.

    1. Ändern, submit-buttons mit hf;
    2. Setzen Sie die hf in den Kopf

    Den entstandenen code:

    <html>
<head>
<script>
function submitter(btn) {
    var param = btn.parentElement.parentElement.id;
    var myForm = document.forms["myForm"];
    myForm.elements["param"].value = param;
    myForm.submit();
}
</script>
</head>
<body>
<form action="#someurl" id="myForm">
<input type="hidden" name="param" />
<table border="1" style="width: 100%" id="mytab1">
<tr id="A1">
    <td>100</td>
    <td>John</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="button" value="Submit" onclick="submitter(this)" />
    </td>
</tr>
<tr id="A2">
    <td>101</td>
    <td>Jane</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="button" value="Submit" onclick="submitter(this)" />
    </td>
</tr>
</table>
</form>
</body>
</html>
    • Argh! Ich hasse die "ich habe keine Ahnung, was ich Tue" - Gefühl, wenn etwas neues zu lernen. Danke :3
    InformationsquelleAutor
  2. 1

    Verwenden hidden-Feld in jeder Zeile, und überprüfen Sie die übermittelten Wert..als unten:

    <table border="1" style="width: 100%" id="mytab1">
<tr id="A1">
    <td>100</td>
    <td>John</td>
    <td>Doe</td>
    <td>Someplace</td>
    <td>
        <input type="hidden" name="rowId" value="A1" />
        <input type="submit" value="Submit" />
    </td>
</tr>
<tr id="A2">
<td>101</td>
<td>Jane</td>
<td>Doe</td>
<td>Someplace</td>
<td>
    <input type="hidden" name="rowId" value="A2" />
    <input type="submit" value="Submit" />
</td>

    Verwenden Sie den gleichen Namen für alle hidden-Felder, so dass in dem controller können Sie Holen den übermittelten Wert

    InformationsquelleAutor Rajesh
Schreibe einen Kommentar