向文本框中添加多個值

Question

我試圖讓用戶在文本框中添加「收藏夾」列表，但添加多個值時，它將替換已有的值。任何人都可以幫忙嗎？由於這是我的代碼：

var name 

function getFavourite() { 

    name = "Student 1, "; 

    $('#output').val(name) 
    saveFavourites(); 
} 

function getFavourite2() { 
    name = "Student 2, "; 

    $('#output').val(name) 
    saveFavourites(); 
} 

function saveFavourites() { 
    var fav = $("#output").val(); 
    if (fav !== "") { 
     localStorage[name] = $("#output").val(); 
     $("#output").val(name); 

    } 
} 

function loadFavourites() { 
    var fav = $("#name").val(); 
    if (name !== "") { 
     $("#output").val(localStorage[name]); 
     $("#name").val(""); 
    } 
} 

Answer 1

我認爲你正在尋找到多個選擇下拉菜單中，這樣的事情：使用VAL將替換現有的值

http://codepen.io/martynasb/pen/kawxq

Answer 2

因爲你已經注意到了，所以我會如果你想添加到這個值，做這樣的事情。

$("#output").val($("#output").val() + ', ' + name); 

至少如果我正確理解你。這將得到excising值，然後將新值添加到它（在這種情況下用逗號但不是必需的）

當然，如果您需要相同的元素兩次或更多，最好將它分配給var調用選擇器兩次。

Answer 3

你不需要輸入文字，你需要一個選擇你可以選擇多個值的地方。在html中，它是<select multiple>。

我知道，爲這是最好的經驗，這個插件是選擇二：http://ivaynberg.github.io/select2/#basics

而且你不必加載的所有選項向右走，他們可以通過AJAX輕鬆獲取。