如何保持标签值始终追加并且不被新值替换
how to keep tag value always append and didn't replace by new value
我想用自动建议制作一个多标签,并用逗号分隔。和我有一个问题。每次我从建议结果中单击时。它总是被新值替换。
这是我的代码:
.HTML:
<input type="text" id="ftags" autocomplete="off" value="" name="tags" onkeyup="lookup(this.value);">
<div id="suggestions" style="top: 26px; display: block;">
<p id="searchresults">
<span class="category">AirCraft</span>
<a href="#" class="searchlink" id="data_1"><span class="searchheading" data="Ace Aviation" id="span_1">Ace Aviation</span></a>
<a href="#" class="searchlink" id="data_2"><span class="searchheading" data=" Ackland" id="span_2"> Ackland</span></a>
<a href="#" class="searchlink" id="data_3"><span class="searchheading" data="Adam Aircraft" id="span_3">Adam Aircraft</span></a><span class="seperator">
<a href="" title="Sitemap">Nothing interesting here? Try the sitemap.</a>
</span>
<br class="break">
</p>
</div>
jQuery
function lookup(inputString) {
if(inputString.length == 0) {
$('#suggestions').fadeOut(); // Hide the suggestions box
} else {
$.post("modul/mod_album/rpc.php", {queryString: ""+inputString+""}, function(data) { // Do an AJAX call
$('#suggestions').fadeIn(); // Show the suggestions box
$('#suggestions').html(data); // Fill the suggestions box
});
}
}
$('.searchlink').click(function(e) {
var parent = $(this).closest('a').attr('id').replace('data_','');
var val_data = $("#span_"+parent).attr('data');
var ftag = $("#ftags").val();
$("#ftags").val(val_data).focus();
e.preventDefault();
})
此指令替换以下内容:
$('#suggestions').html(data);
您可能希望执行以下操作:
// append to current content
$('#suggestions').html( $('#suggestions').html()+data);
或者,如果您需要一些 html 来分隔标签,
var currentTags = $('#suggestions').html();
if (currentTags != '')
currentTags += ', ';
$('#suggestions').html( currentTags+data);
考虑一行代码! var combo = ftag + val_data ;
var val_data = $("#span_"+parent).attr('data');
var ftag = $("#ftags").val();
var combo = ftag + val_data ;
$("#ftags").val(combo).focus();
相关文章:
- jQuery在用新文本替换HTML文本时淡出HTML文本,而不是仅显示
- $$hashKey在Angular中push()新对象时未生成新值
- 用数组(javascript)中的值替换regex捕获
- text()将保留旧值,但在DOM上显示新值
- Knockout Force在设置新值时通知订阅者可观察到的值
- CSS转换后用新内容替换空白
- Javascript / JQuery循环访问已发布的ajax数据字符串以为其分配新值
- 为nouislider设置新值已达到最大数量
- 将对象值替换为外部数组中的值
- 如何将 screen.width 值替换为我自己定义的值
- 将数组值替换为循环以创建新数组
- 如何使用 Angular.js/javascript 将 JSON 数组值替换为新值
- 数组的旧值替换为数组的新值
- 如果一个值在一个数组中,如果大小写不在't匹配,请将其替换为新值
- Javascript:用一个新值替换数组中的所有内容
- 在数组中查找字符并将其替换为新值
- 如何在AJAX调用中使用新值替换初始PHP变量
- 如何在jquery中用新值替换输入值
- 将数组值替换为 Javascript 中新定义的值
- 如何保持标签值始终追加并且不被新值替换