javascript avec la boîte de sélection qui change événement

Question

i ont une table en javascript (vous pouvez trouver le code ici: http://jsfiddle.net/webYa73/xuw23/)

Si je choisis « case6 » dans la zone de sélection, un bouton apparaît près du champ d'entrée (3cols), le bouton d'édition devrait changer et à la place nous devrions voir un bouton de sauvegarde et un bouton d'annulation

comment puis-je implémenter cela en javascript? s'il vous plaît aider grâce

Answer 1

Vous devez lier un événement onChange à la boîte de sélection pour déclencher appeler une fonction lorsque la boîte change http://www.w3schools.com/jsref/event_onchange.asp

Inclure les enregistrer et annuler des éléments dans le document, mais les marquer comme caché Lorsque l'événement onchange se déclenche, supprimez la propriété masquée de la sauvegarde et de l'annulation et ajoutez une propriété masquée au bouton d'édition.

Vous trouverez probablement cela plus facile si vous utilisez la bibliothèque JQuery http://jquery.com/

également de regarder votre code, vous pouvez en apprendre davantage sur l'itération et de créer vos cases d'option avec une boucle plutôt que d'écrire:

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"); 

espoir qui aide