Tabelle über <select> (Listbox) füllen lassen
KT_Adi
- html
Hallöchen Leute,
ich hab eine select box mit verschiedenen Werten.
Wenn ich nun ein Element innerhalb der selectBox anklicke dann aktiviert sich mein onchange und dieses soll mir wenn irgendmöglich den Wert aus der selectBox in eine unterhalb erstellte Tabelle einfügen. Ich hab das mal versucht indem ich jeder Zelle innerhalb des <table> einen genauen Namen gegeben habe. Aber durch mein onchange wird das leider nicht eingetragen.
Ihr seht anhand des onchange das ich den Text aus der selectBox gerne in der 2. Zeile der Tabelle hätte. Jedoch gibt es hier noch das Problem das ich auch nur weiß wie ich den 'value' rüberschiebe aber nicht den eigentlichen Text. Also den hier zB: G100100 - Hochstdom-Relaiskarte
Um das mal genau zu zeigen hier mal mein Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/td/html4/stdict.dtd">
<html>
<head><title>Selfstanding TableView</title></head>
<body>
<form action="select.htm"> <!--alert(this.form.allEntdys.options[this.form.allEntdys.selectedIndex].value)-->
<select name="allEntdys" id="Select1" size="5" onchange="this.form.tableView.row1.col1.='this.form.allEntdys.selectedIndex].value'">
<option value="G100100">G100100 - Hochstdom-Relaiskarte</option>
<option value="G110100">G110100 - KT R-Load 10TE</option>
<option value="G110210">G110210 - KT R-Load 21TE</option>
<option value="G110300">G110300 - USB-Modultdäger</option>
</select>
</form>
<br><br><br>
<table border="1"style="font-family:Verdana; font-weight:bold; font-size:12px" name="tableView">
<tr name="row0">
<td width="100" align="center">G-Nummer</td><td width="50" align="center">S/N</td><td width="75" align="center">HW-Rev</td><td width="75" align="center">FW-Rev</td><td width="85" align="center">Status</td><td width="250" align="center">Kommentar</td><td width="150" align="center">Datum</td><td width="35" align="center">MA</td>
</tr>
<tr name="row1">
<td width="100" align="center" name="col0"> </td><td width="50" align="center" name="col1"></td><td width="75" align="center" name="col2"></td><td width="75" align="center" name="col3"></td><td width="85" align="center" name="col4"></td><td width="250" align="center" name="col5"></td><td width="150" align="center" name="col6"></td><td width="35" align="center" name="col7"></td>
</tr>
</table>
</body>
</html>
Weiß jemand wie ich mein onchange ändern muss das ich den Text in die Tabelle bekomme? Und wenns geht halt net den 'value' :)
peace Adi
Mahlzeit KT_Adi,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/td/html4/stdict.dtd">
Du solltest DOCTYPEs nicht abschreiben, sondern zur Not lieber guttenbergen - es heißt "strict.dtd" ... und das Leerzeichen zwischen //EN" und "http: solltest Du vielleicht auch nicht unterschlagen.
<select name="allEntdys" id="Select1" size="5" onchange="this.form.tableView.row1.col1.='this.form.allEntdys.selectedIndex].value'">
Dies ist in vielerlei Hinsicht extrem falsch:
1.) Es gibt im Formular, zu dem diese Auswahlliste gehört, kein Formularelement mit der ID bzw. dem Namen "tableView".
2.) Das Element, das Du vermutlich meinst, hat keine Eigenschaft namens "row1".
3.) Die Tabellenzeile, die Du wahrscheinlich meinst, hat keine Eigenschaft namens "col1".
4.) Die Konstruktion mit ".=" soll *was* bewirken?
5.) Du willst bestimmt keinen String mit dem Inhalt "this.form.allEntdys.selectedIndex].value" zuweisen, oder?
Also erst einmal zurück auf Los und lernen,
wie Zugriff auf http://de.selfhtml.org/javascript/objekte/forms.htm@title=Formulare und http://de.selfhtml.org/javascript/objekte/elements.htm@title=Formularelemente erfolgt,
wie man auf die <http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#table@title=Zeilen einer Tabelle> sowie die <http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#tr@title=Zellen einer Tabellenzeile> zugreift,
<http://de.selfhtml.org/javascript/sprache/operatoren.htm#zuweisung@title=wie Werte zugewiesen werden>,
<http://de.selfhtml.org/javascript/sprache/variablen.htm@title=was Variablen sind>.
<table border="1"style="font-family:Verdana; font-weight:bold; font-size:12px" name="tableView">
<http://de.selfhtml.org/html/referenz/attribute.htm#table@title=<table>-Elemente haben kein Attribut namens "name"> - ebensowenig wie ...
<tr name="row1">
<http://de.selfhtml.org/html/referenz/attribute.htm#tr@title=<tr>-Elemente> oder
<td width="100" align="center" name="col0">
<http://de.selfhtml.org/html/referenz/attribute.htm#td@title=<td>-Elemente>.
Weiß jemand wie ich mein onchange ändern muss das ich den Text in die Tabelle bekomme? Und wenns geht halt net den 'value' :)
Mit "Text" meinst Du <http://de.selfhtml.org/javascript/objekte/options.htm#text@title=das, was innerhalb eines <option>-Elements angezeigt wird>?
MfG,
EKKi
Wow danke ich denke ich hab erstmal genug zum ändern :D Ich denke ich meld mich hier halt nochmal wenn ich wieder nicht weiterkomme aber die ganzen links sind äusserst hilfreich ;)
Danke dir :D
Oh und ja
mit "Text" meine ich eben den Text aus <option value="G100100">G100100 - Hochstdom-Relaiskarte</option> demhier also "G100100 - Hochstdom-Relaiskarte" in eine Tabllenzelle zu schreiben aber das bekomm ich ja nun hoffentlich hin :) hast ja passende Beispiele gepostet :D danke