Ist es möglich, den Wert von <td> element mit onclick?

Ich habe derzeit eine Tabelle, die eine Liste von E-Mail-template-Namen als echo mit php. Unten ist ein Teil des php code. Ich versuche zu greifen, die Tabelle Wert und übergeben es an meine JS-Datei, in der eine zukünftige AJAX-Befehl übergibt es an eine andere Datei (die ich gewonnen ' T haben keine Probleme mit). Mein Erster Versuch warnen, die den Wert angegeben, dass der Wert undefiniert. Mein zweiter Versuch zeigte die Art von element es drin war (zu der Zeit war es eine Spanne). Jetzt ist es zeigt nichts an. Vorschläge?

PHP-code:

<table class="departments">
<tr>
<th scope="col" style="width: 175px;">Email Name</th>
';
$get_depts = mysql_query("SELECT dept_name FROM depts where bus_id = '{$_SESSION['bus_id']}'");
while(($department = mysql_fetch_assoc($get_depts)))
{
    echo '
    <th scope="col" style="width: 175px;">'.$department['dept_name'].'</th>
    ';
}
echo '
</tr>
';
$get_emails = mysql_query("SELECT id, email_name from emails where bus_id = '{$_SESSION['bus_id']}' ORDER BY email_name ASC");
while(($email = mysql_fetch_assoc($get_emails)))
{
    echo '
    <tr>
    <td id="test" onclick="moveValue()">'.$email['email_name'].'</td>
    ';

Aktuellen JS-code:

function moveValue()
{
var x = document.getElementById(test);
var y = x.innerHTML;
alert(y);
}

Ich empfehle Ihnen, mit dem lernen zu beginnen jQuery jquery.com
Sie nicht öffnen-tag <? PHP?> Überall ..
jQuery ist nicht erforderlich.
"Ist es möglich, den Wert eines <td> element mit onclick?" Ja. Ja, ist es.
Ich habe ausdrücklich erklärt, ich war nur zu zeigen, ein Teil meiner php-code.

InformationsquelleAutor CBC_NS | 2013-08-08

javascript onclick

5

Javascript:
```
var y = document.getElementById("test").innerText;
```
jQuery:
```
$("#test").text();
```
Um die HTML:
```
var html = document.getElementById("test" ).innerHTML;
```
jQuery:
```
$("#test").html();
```
- Ich habe versucht, mit Ihrem Vorschlag, und wenn ich auf eine der <td>'s ist es senden zurück "undefined". Gedanken?
- funktioniert nicht in Firefox. Versuchen .innerHTML.
- Siehe die aktualisierte Antwort
- die jquery gut funktioniert. Ich war in der Lage, um das erste element. Ich denke, Teil des Problems ist, dass die <td> - element wird geloopt. Egal, welche Zelle die ich klicke, es ist die Alarmierung der gleiche Wert. Gibt es eine Möglichkeit, um die spezifischen ein?
- Es werde zu warnen, den gleichen Wert, weil Sie immer den text/HTML-für die <td> - tag mit id test.
- Am besten verwenden Sie el.textContent es hat eine bessere Unterstützung.
- Konnte es möglich sein, diese Arbeit zu machen, wenn ich die <td> id gleich eine php-variable. Sagen, so etwas wie <td id="'.$somevar.'">. Da ist alles zwar wie ein Ergebnis der Abfrage, wird der php-Variablen erhöhen. Damit jede ID eindeutig sein. Ist das machbar?
- Ja, das ist genau der Weg, es zu tun, aber nehmen Sie einen Blick auf meine Antwort, es benötigt keine id.
InformationsquelleAutor Amal Murali
1

Ich nicht wollen, um in alle die Probleme mit Ihrem code, da gibt es ziemlich viel. Allerdings wird immer der Wert einer <td> element, indem Sie auf, ist einfach zu erreichen.

Zunächst müssen Sie einen click-Ereignishandler für jede Zelle in der Tabelle. Der einfachste Weg dies zu tun ist, um eine Schleife durch jede Zelle und weisen Sie den handler so:-
```
var cells = document.getElementsByTagName('td');
for(var i = 0; i <= cells.length; i++){
    cells[i].addEventListener('click', clickHandler);
}

function clickHandler()
{
    alert(this.textContent);
}
```
Dann jedes mal, wenn Sie klicken Sie auf eine Zelle, die clickHandler() wird aufgerufen und Sie können ausführen was auch immer code, den Sie wünschen.

Können Sie sehen, es arbeiten in diesem fiddle

Viele Informationen hier https://developer.mozilla.org/en-US/docs/Web/API

InformationsquelleAutor vascowhite
1

Javascript:

Bekommen unformatierten text ohne Elemente oder:
```
somevar=document.getElementById ( "test" ).innerText;
```
Erhalten Sie die volle html-code-tag. Inhalt wird gespeichert in "somevar' variable.
```
somevar=document.getElementById ( "test" ).innerHTML;
```
- +1 für nicht zu erwähnen, jQuery.
- Ich habe versucht, über diese vor, und ich bin immer "undefined". Gedanken?
- die Art und Weise Sie die Erstellung Ihrer td-das bedeutet, du hast mehrere mit der gleichen id. Id ' s müssen eindeutig sein, andernfalls ist das Verhalten undefiniert ist. Sie müssen, um das zu beheben.
InformationsquelleAutor Marek Schubert

Können Sie dies entweder durch

function moveValue()
{
  var x = document.getElementById('test');
  var y = x.innerHTML;
  alert(y);
}

oder:

function moveValue(element) {
  var y = element.innerHTML;
  alert(y);
}
//with the following html code:
<td onclick="moveValue(this)">'.$email['email_name'].'</td>

InformationsquelleAutor Matei Mihai

0

Du das id-Attribut wäre das gleiche für alle td innerhalb der Schleife. So JS würde nicht wissen, welches element Sie wollen.

Könnten Sie versuchen, vorbei an this in die onclick Methode

HTML
```
<td onclick="moveValue(this);">
```
JS
```
function moveValue( elem )
{
    alert(elem.innerHtml);
}
```
Ich würde werfen Sie einen Blick auf jQuery wenn ich du wäre. Es macht alle diese Sachen viel einfacher zu erreichen.

InformationsquelleAutor MajorCaiger
-1

seine Arbeit.

JS:
```
function clickValue(elem) {
  var x = document.getElementById(elem).innerHTML;
  alert(x);
}
```
HTML:
```
<table>
  <th>Coba</th>
  <tr>
    <td id="1" onclick="clickValue('1')">value</td>
  </tr>
  <tr>
    <td id="2" onclick="clickValue('2')">value yg ke 2</td>
  </tr>
</table>
```
Ändern id="*anyvalue*" und clickValue('*anyvalue*')
- Herzlich willkommen auf Stack Overflow! Bitte Bearbeiten Sie Ihre post, um mehr hinzuzufügen Erklärung darüber, was dein code macht und warum es das problem zu lösen. Eine Antwort, die meist nur code enthält (auch wenn es funktioniert) in der Regel nicht helfen, die OP zu verstehen, Ihr problem.
InformationsquelleAutor Achmad

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.