輸入以下簡單的文本...<input id="target" type="text" name="color" value="" placeholder="Enter tags">...應該通過一些獨立的按鈕添加數據，例如：<button onClick="AddTag('target', 'blue');">blue</button><button onClick="AddTag('target', 'yellow');">yellow</button><button onClick="AddTag('target', 'green');">green</button><script> function AddTag(target_element, value){ // ?? }</script>按下所有按鈕后，文本字段應具有以下值：blue,yellow,green添加的值應該用逗號等分隔符分隔。不過，重要的是還可以添加重復的值。假設所有按鈕都被再次單擊，但第二個按鈕被單擊兩次，文本字段應顯示：blue,yellow,yellow,green我知道有像 selectize.js 和 select2 這樣的腳本，但它們并沒有完全提供我在這里需要的東西，因為它們并沒有真正正確地接受重復的值，而且它們還允許僅從表單中選擇標簽據我所知。但我需要能夠從頁面上某處放置的獨立按鈕添加它們，如上面的示例所示。我希望有人可以幫助為此編寫一個簡單的函數。編輯：它還應該與免費輸入的標簽兼容。
1 回答
30秒到達戰場
TA貢獻1828條經驗 獲得超6個贊
由于 jQuery 標簽存在，因此您可以輕松執行以下操作：
$('button').click(function(){
var Buttontext = $(this).text();
$('#target').val((($('#target').val() !=='') ? $('#target').val()+','+Buttontext : Buttontext));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="target" type="text" name="color" value="" placeholder="Enter tags">
<button>blue</button>
<button>yellow</button>
<button>green</button>
- 1 回答
- 0 關注
- 122 瀏覽
添加回答
舉報
0/150
提交
取消