イベントを変更する選択ボックスを使用したjavascript

私はjavascriptのテーブルを持っています(ここでコードを見つけることができます: http://jsfiddle.net/webYa73/xuw23/

選択ボックスで「case6」を選択すると、入力フィールド(3cols)の近くにボタンが表示され、編集ボタンが変更され、保存ボタンとキャンセルボタンが表示されます

どのように私はJavaScriptで実装することができますか? 助けてください ありがとう

0
同じ質問の再掲載をやめてください
追加された 著者 david,
私はJavascriptで本当に新しいです、そして、私はそれをやる方法を知らない
追加された 著者 user1015906,

1 答え

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

onchangeイベントが発生すると、非表示のプロパティを保存およびキャンセルから削除し、非表示のプロパティを編集ボタンに追加します。

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

また、あなたのコードを見ることで、繰り返しについて学び、書くのではなくforループを使ってオプションボックスを作成することができます:

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

希望が役立つ

1
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript