jquery - 通过选择选项通过jquery填充表格，每次单击选项时都会将表格增加一

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/