一個顯示帶添加按鈕結果的下拉菜單

如何複製「結果」範圍並在用戶想要構建其他結果時收集新的一組數據？（我是可怕的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(); 

     }); 
});

來源

2013-10-10 user2501654

你能更好地解釋，不知道你想要完成什麼？ – tymeJV

複製跨度或複製跨度內容？ – davidkonrad

對不起。用戶從下拉列表中選擇。結果附加到「結果」跨度。然後，如果用戶想要構建另一個選擇，則他們單擊「添加另一個」按鈕，並且空的結果跨度顯示爲準備好另一個下拉選擇。 – user2501654

怎麼是這樣的：

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/

來源

2013-10-10 15:27:40 juju

一個顯示帶添加按鈕結果的下拉菜單

回答

相關問題