Wie auf ein verstecktes input mit javascript

Was ich bin versucht zu tun ist, ist der Zugang versteckt-Objekt in einem div. Was happends ist ein Benutzer klicken Sie auf die Schaltfläche, und führen Sie dann einige Aufgaben, wie einen Benutzer löschen. Dies kann einfacher sein, wenn ich zeige, was ich habe.

<div class="mgLine">
    <input type="hidden" name="tenentID" value="1">
    <p class="mgName">James Gear</p>
    <input type="text" class="mgBill" value="" placeholder="Post Bill Link Here">
    <a href="#" class="mgButton" onclick="alertTest(this)">Submit Bill</a>
    <a href="#" class="mgNP">Not Paid</a>
    <a href="#" class="mgButton">Change Password</a>
    <a href="#" class="mgButton">Delete User</a>
</div>

Was ich will, das system zu tun, ist zu warnen, den Wert eines, das es aus dem versteckten Feld, wenn die "Rechnung Einreichen" gedrückt wird.

function alertTest(e){
//e.parentNode
window.alert(e.parentNode.getElementsByTagName("tenentID")[0]);
}

Ich bin versucht, JavaScript zu verwenden DOM, um Zugriff auf das element. Ich hoffe, das wenigstens einige Sinn. Es wird noch viele dieser Einträge auf der Seite.

verwenden getElementsByName anstelle von getElementsByTagName
Immer das erste Kind? Wenn dem so ist, e.parentNode.children[0]

InformationsquelleAutor Austin Lovell | 2013-05-29

6

Müssen Sie getElementsByName statt getElementsByTagName
```
function alertTest(e){
//e.parentNode
window.alert(document.getElementsByName("tenentID")[0]);
}
```
getElementsByTagName ist für die Auswahl von Elementen basierend auf seinen tag sagen, div, input etc..

getElementsByName

getElementsByTagName

Realisieren, dass Sie möglicherweise mehrere div-Abschnitt und Ihre versteckten Eingang ist das erste Kind könnten Sie diese:-
```
e.parentNode.getElementsByTagName("input")[0].value;
```
oder
```
e.parentNode.firstElementChild.value;
```
wenn es nicht die firstCHild und Sie die position kennen, dann könnten Sie
```
e.parentNode.children(n).value; //n is zero indexed here
```
Fiddle
- Wenn ich war auf der Suche in dieser, war ich immer die Fehlermeldung: Object #<HTMLDivElement> has no method 'getElementsByName' (ich war mit code identisch mit Ihnen). Allerdings document.getElementsByName("tenentID")[0] gearbeitet.
- Dieses sieht wie es funktioniert für das, was ich zu tun versuche. Ich danke Ihnen so sehr für Ihre Hilfe und allen anderen!
InformationsquelleAutor PSL

Die moderne Methode wäre, die Nutzung querySelector.

e.parentNode.querySelector("[name=tenentID]");

http://jsfiddle.net/ExplosionPIlls/zU2Gh/

Aber könnten Sie es auch tun, mit etwas mehr manuelle DOM-parsing:

var nodes = e.parentNode.getElementsByTagName("input"), x;
for (x = 0; x < nodes.length; x++) {
    if (nodes[x].name === "tenentID") {
        console.log(nodes[x]);
    }
}

http://jsfiddle.net/ExplosionPIlls/zU2Gh/1/

InformationsquelleAutor Explosion Pills

Versuchen Sie dies:

function alertTest(e){
    alert(e.parentNode.getElementsByName("tenentID")[0].value);
}

InformationsquelleAutor Yotam Omer

0

Ich in der Regel ein id-Attribut auf das versteckte element, dann verwenden Sie getElementById.
```
<input type="hidden" id="tenentID" name="tenentID" value="1">
```
dann kann ich verwenden...
```
var tenentValue = document.getElementById("tenentID").value;
```
- Was ist, wenn es mehrere gibt? Scheint, das ist wahrscheinlich hier der Fall.
InformationsquelleAutor Les Ferguson
0

In der Regel Ihre beste Wette für den Zugriff auf ein bestimmtes element ist, geben Sie eine ID und verwenden Sie dann getElementById().
```
function alertTest(ID){
  alert(document.getElementById(ID).value);
}
```
Namen dupliziert werden können, auf eine Seite, aber die ids müssen eindeutig sein.

InformationsquelleAutor MBielski

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

getElementsByName

getElementsByTagName

Fiddle