html里lable中加入空格,jquery动态添加标签_空格键添加a标签_表单添加html标签元素...

特效描述：动态添加标签 空格键添加标签 表单添加html标签元素。多个标签，按空格就显示在上面

代码结构

1. 引入JS

2. HTML代码

(空格键)添加标签：

var lablId = -1;

$(function() {

$("#kk").blur(function() {

if (isNan(this.value) != false) {

this.value = '用空格分隔多个标签';

this.style.color = '#999';

}

});

});

$(document).ready(function() {

$("#kk").keydown(function(event) {

if (event.keyCode == 32) {

var str = $("#kk").val();

if (isNan(str) != true) {

var li_id = $(".label li:last-child").attr('id');

if (li_id != undefined) {

li_id = li_id.split('_');

li_id = parseInt(li_id[1]) + 1;

} else {

li_id = 0;

}

$(".label_box").css("display", "block");

var text = "

" + str + "";

$(".label").append(text);

}

$("#kk").val("");

}

})

});

function isNan(obj) {

try {

return obj == 0 ? true: !obj

} catch(e) {

return true;

}

}

function deletes(id) {

$("#li_" + id).remove();

var li_id = $(".label li:last-child").attr('id');

if (li_id == undefined) {

$(".label_box").css("display", "none");

}

}

function addlabl(id) {

if (lablId == id) {

return;

}

lablId = id;

var str = $("#add_" + id).text();

var li_id = $(".label li:last-child").attr('id');

if (li_id != undefined) {

li_id = li_id.split('_');

li_id = parseInt(li_id[1]) + 1;

} else {

li_id = 0;

}

$(".label_box").css("display", "block");

var text = "

" + str + "";

$(".label").append(text);

}