17. maj 2004 - 12:09
Der er
7 kommentarer og 1 løsning
Valg på select viser <tr>
Hejsa, jeg har en select, med nogle options - alt efter hvilken man vælger skal en bestemt ny <tr> vises med noget indhold... Hvordan kan det lade sig gøre??? <tr> <td><b>Vælg: </td> <td> <select> <option>Tryksag</option> <option>Annonce</option> <option>Nettet</option> <option>Presseudsendelse</option> <option>Redaktionelt</option> <option>Andet</option> <option>Grafisk sag</option> </select> </td> </tr> <tr <td>Denne vises</td> <td>hvis man vælger annonce</td> </tr>
Annonceindlæg fra Netic
<tr> <td>Vælg:</td> <td> <select onchange="for(i=1;i<=this.options.length;i++)document.getElementById('row'+i).style.display=(i==this.value)?'inline':'none';"> <option value="1">Tryksag</option> <option value="2">Annonce</option> <option value="3">Nettet</option> </select> </td> </tr> <tr id="row1" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger tryksag</td> </tr> <tr id="row2" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger annonce</td> </tr> <tr id="row3" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger nettet</td> </tr>
Det ser ud til at virke fint når man har 3 rows, men jeg har 6... hvad er fejlen??? Der kommer ikke noget frem... :/
du skal følge samme mønster hvor id og values følges ad: id="row1" ~ value="1" id="row2" ~ value="2" id="row3" ~ value="3" osv...
Yups, det var også hvad jeg kom frem til, men det virker ikke
<tr> <td> </td> <td> <select onchange="for(i=1;i<this.options.length;i++)document.getElementById('row'+i).style.display=(i==this.value)?'inline':'none';"> <option value="0">Vælg:</option> <option value="1">Tryksag</option> <option value="2">Annonce</option> <option value="3">Nettet</option> <option value="4">Presseudsendelse</option> <option value="5">Redaktionelt</option> <option value="6">Andet</option> <option value="7">Grafisk sag</option> </select> </td> </tr> <tr id="row1" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger tryksag</td> </tr> <tr id="row2" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger annonce</td> </tr> <tr id="row3" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger nettet</td> </tr> <tr id="row4" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger Presseudsendelse</td> </tr> <tr id="row5" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger Redaktionelt</td> </tr> <tr id="row6" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger Andet</td> </tr> <tr id="row7" style="display:none;"> <td>Denne vises</td> <td>hvis man vælger Grafisk sag</td> </tr>
Yes sir.. havde glemt dig.. :) Smid et svar
23. februar 2005 - 10:06
#8
Der kom aldrig noget svar... jeg lukker
Vi tilbyder markedets bedste kurser inden for webudvikling