jquery - 選択オプションを介してjqueryを介してテーブルにデータを入力すると、オプションがクリックされるたびに、テーブルが1つずつインクリメントされます

Question

基本的に、選択オプションのクリック時にjQueryを介してテーブルにデータを入力する際に​​問題が発生しています。

各オプション間でコンテンツを切り替えるには、switch ステートメントを使用しました。jQueryを使用してテーブルにデータを入力できますが、テーブルにデータを入力してオプションを複数回選択すると問題が発生し、オプションが選択されるたびにテーブルが1ずつ増加します。

を含めましたjs fiddle。これが理にかなっていることを願っています: http://jsfiddle.net/thesarahjay/yGgjF/

ありがとう、

メリッサ

Answer 1

このようにしてみてください：

毎回コンテナをクリアする必要があります

handleNewSelection = function () {
    $("#one,#two,#three").html(""); //you can use empty() too
   // Rest of code goes here....
}

フィドルのデモ --> http://jsfiddle.net/yGgjF/4/

Answer 2

empty毎回テーブルとコンテナが必要です。それ以外の場合は、追加し続けるだけです。これを両方の switch ステートメントに追加します。

$('table').empty(); //clear table
$("#one").empty(); //clear div

Aaaand デモ: http://jsfiddle.net/yGgjF/3/