一个下拉列表，显示带有添加按钮的结果

Question

当用户想要构建另一个结果时，如何复制“结果”范围并让它收集新的数据集？ （我对jquery很糟糕，但会尝试在这里发布完成的解决方案）

HTML：

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<button>Add another</button>
<span class="results">Results:  </span>


document.jQuery(document).ready(function($) {
    $("button").click(function() 
        {   
            var $newResults = $('span.results').last().clone().appendTo('span.results').html();

        });
});

Answer 1

这样的事情怎么样：

var newResultSpan = '<span class="results">Results: </span>';

$("select").change(function() {
    var $this = $(this);
    $("span.results").last().append($this.val());
});

$("button").click(function() {
    $("body").append(newResultSpan);
});

小提琴：http://jsfiddle.net/rTrJr/