如:$('#test').bind('inputpropertychange',function(){varcc=$(this).val().length;alert(cc);});这个是绑定事件,如不需要用$(this).val().length就行或$('#test').val().length。
“专业、务实、高效、创新、把客户的事当成自己的事”是我们每一个人一直以来坚持追求的企业文化。 创新互联是您可以信赖的网站建设服务商、专业的互联网服务提供商! 专注于成都网站制作、网站设计、软件开发、设计服务业务。我们始终坚持以客户需求为导向,结合用户体验与视觉传达,提供有针对性的项目解决方案,提供专业性的建议,创新互联建站将不断地超越自我,追逐市场,引领市场!
用Jquery动态添加控件并取值
html xmlns=""
head runat="server"
titleJquery动态控件/title
script src="jquery-1.4.2.js" type="text/javascript"/script
script type="text/javascript"
$(function() {
var i = 2;
$('#addText').click(function() {
if (i 9) {
$('#main').append('divinput type="text" name="text" + i + ""/
a href="#" class="del-text"del/a/div');
i++;
} else {
alert("最多只能添加8个");
}
});
$('.del-text').live('click',function(){
$(this).parent().remove();
i--;
});
});
/script
/head
body
div id="main"
div
input type="text" name="text1" /
/div
/div
a id="addText" href="#"添加文本框/a
/body
/html
==========
取值的话,很简单,在后台直接用 Request["text" + i].ToString() 即可。
jquery实现动态添加控件,删除控件,页面性能优化
!DOCTYPE html
html
head
metacharset="UTF-8"
title/title
scriptsrc="js/jQuery.js"/script
styletype="text/css"
/style
/head
body
inputtype="text"placeholder="请输入姓名"/
inputtype="text"placeholder="请输入年龄"/
inputtype="text"placeholder="请输入性别"/
inputtype="button"value="注册" /
inputtype="text"placeholder="请输入搜索内容"/
inputtype="button"value="搜索" /
inputtype="button"value="清除" /
divclass="divClass"/div
/body
scripttype="text/JavaScript"
$('input[value=注册]').click(function(){
// 获取输入框中的内容
varname = $('input[placeholder=请输入姓名]').val();
varage = $('input[placeholder=请输入年龄]').val();
varman = $('input[placeholder=请输入性别]').val();
// 把输入框中的内容清空
$('input[placeholder=请输入姓名]').val('');
$('input[placeholder=请输入年龄]').val('');
$('input[placeholder=请输入性别]').val('');
// 创建新的控件
var$wrap = $('div/div');
var$name = $('span/span');
var$age = $('span/span');
var$man = $('span/span');
var$del = $('input type="button" value="删除" /');
$wrap.css({
'border':'1px red solid ',
width:'700px'
})
$name.text(name);
$age.text(age);
$man.text(man);
// 添加控件到浏览器
$('.divClass').append($wrap);
$wrap.append($name);
$wrap.append($age);
$wrap.append($man);
$wrap.append($del);
$('span').css('padding','10px 50px');
$wrap.css('padding','20px 0');
})
// 搜索功能
$('input[value=搜索]').click(function(){
varcontent = $('input[placeholder=请输入搜索内容]').val();
$('input[placeholder=请输入搜索内容]').val('');
$.each($('span'),function(index,value){
if(content== value.innerText){
$('span').eq(index).css('background','red')
}
})
})
// 清除选中颜色的功能
$('input[value=清除]').click(function(){
$.each($('span'),function(index,value){
value.style.background = '';
})
})
// 删除功能
$('.divClass').on('click',function(event){
if(event.target.value== "删除"){
$(event.target).parent().remove();
}
})
/script
/html
首先textarea是纯文本编辑,是无法实现图片类表情的。字符类表情是ok的,直接输入相应字符即可。
然后,如果想实现图片类表情,需要使用富文本编辑器,你可以了解下fck之类的编辑器。
自己实现也可以,有一定的技术复杂度。
一、打开【设置】选项,在【通用】中找到【键盘】。 二、选择【添加新键盘】。 三、找到【表情符号】,点击即可添加。然后你便可以在键盘中点击“小地球”快速切换到表情文字键盘。
把jquery.qqFace.js中的:
$('#'+id).css('top',top); 改成$('#'+id).css('bottom',top);