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
Stop met het opnieuw plaatsen van dezelfde vraag
toegevoegd de auteur david, de bron
ik ben echt nieuw in Javascript en ik heb geen idee hoe ik het moet doen
toegevoegd de auteur user1015906, de bron

1 antwoord

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

1
toegevoegd