javascript met selectievak dat van evenement verandert

Question

javascript met selectievak dat van evenement verandert

ik heb een tabel in JavaScript (je kunt de code hier vinden: http://jsfiddle.net/webYa73/xuw23/ )

Als ik "case6" kies in het selectievak, verschijnt er een knop in de buurt van het invoerveld (3cols), moet de knop Bewerken worden gewijzigd en moeten we in plaats daarvan een knop Opslaan en een knop Annuleren zien

hoe kan ik dat in JavaScript implementeren? Help alstublieft bedankt

0

toegevoegd 27 oktober 2011 op 07:25 de auteur user1015906 bewerkt 27 oktober 2011 op 09:23

Bekeken: 4

de bron

Stop met het opnieuw plaatsen van dezelfde vraag

toegevoegd 27 oktober 2011 op 08:10, de auteur david, de bron

ik ben echt nieuw in Javascript en ik heb geen idee hoe ik het moet doen

toegevoegd 27 oktober 2011 op 07:45, de auteur user1015906, de bron

1 antwoord

de auteur Nick Long · Answer 1 · 2011-10-27T07:44Z

You need to bind an onChange event to the select box to trigger call a function when the box changes http://www.w3schools.com/jsref/event_onchange.asp

Include the save and cancel elements in the document but mark them as hidden http://www.w3schools.com/cssref/pr_class_visibility.asp

Wanneer de onchange-gebeurtenis wordt geactiveerd, verwijdert u de verborgen eigenschap uit het opslaan en annuleren en voegt u een verborgen eigenschap toe aan de knop Bewerken.

You will probably find this easier if you use the jQuery library http://jquery.com/

Ook als u naar uw code kijkt, wilt u wellicht meer leren over iteratie en uw optievakken maken met een for-lus in plaats van schrijven:

    var opt1 = document.createElement("option");
    var opt2 = document.createElement("option");
    var opt3 = document.createElement("option");
    var opt4 = document.createElement("option");
    var opt5 = document.createElement("option");
    var opt6 = document.createElement("option");
    var opt7 = document.createElement("option");

Ik hoop dat het helpt