輸入以下簡(jiǎn)單的文本...<input id="target" type="text" name="color" value="" placeholder="Enter tags">...應(yīng)該通過(guò)一些獨(dú)立的按鈕添加數(shù)據(jù)，例如：<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>按下所有按鈕后，文本字段應(yīng)具有以下值：blue,yellow,green添加的值應(yīng)該用逗號(hào)等分隔符分隔。不過(guò)，重要的是還可以添加重復(fù)的值。假設(shè)所有按鈕都被再次單擊，但第二個(gè)按鈕被單擊兩次，文本字段應(yīng)顯示：blue,yellow,yellow,green我知道有像 selectize.js 和 select2 這樣的腳本，但它們并沒(méi)有完全提供我在這里需要的東西，因?yàn)樗鼈儾](méi)有真正正確地接受重復(fù)的值，而且它們還允許僅從表單中選擇標(biāo)簽據(jù)我所知。但我需要能夠從頁(yè)面上某處放置的獨(dú)立按鈕添加它們，如上面的示例所示。我希望有人可以幫助為此編寫(xiě)一個(gè)簡(jiǎn)單的函數(shù)。編輯：它還應(yīng)該與免費(fèi)輸入的標(biāo)簽兼容。
1 回答
30秒到達(dá)戰(zhàn)場(chǎng)
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊
由于 jQuery 標(biāo)簽存在，因此您可以輕松執(zhí)行以下操作：
$('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 關(guān)注
- 127 瀏覽
添加回答
舉報(bào)
0/150
提交
取消