之前因为项目开发需要，对于收件人选择与搜索的射流研究…实现，整理如下：

页面截图：

主要超文本标记语言代码：

# - 左侧-div标签到：/标签div id=' div txt ' class=' mailtxttt _ div '/div输入类型=' hidden ' name=' mess name ' id=' mess name '/输入类型=' hidden ' name='梅西德' id='梅西德'/div div标签主题：/标签输入类型=' text ' name=' mess title ' id=' mess title '/div标签消息3360/标签文本区域name=' ddContent ' id=' DDD '右侧- div输入calss='search_mail '类型=“文本”值='搜索联系人. 'onclick='if(this.value=='搜索联系人.)this.value='onbulr=' if(this。value==' ')这个。值='搜索联系人.'；name=' txt search '/div mg src=' http :/images/email 03。png/div/div=' mail clist ' ul Li div=' first mail ' title=' Cata '食品，s . l . ' . alt='[email protected]' ass=' Cata食品Cata食品，s . l ./div/Li div class='第一封邮件' title='安庆饮料alt='[电子邮件保护]' ass='安庆饮料'安庆饮料'安庆饮料/div/Li div主要射流研究…实现代码：

脚本类型=' text/JavaScript ' $(function(){//点击收件人列表到收件人$('.firstmail ').bind('click ')，function(){ var $mailTo=$(this).attr(' ass ')；//收件人名称var $mailToId=$(this).attr(' alt ')；//收件人Id var $divtxt_val=$('#divtxt ').text()；//收件人框中的值var $梅西德=$(' #梅西德')。val()；//隐藏的收件人id if($ div txt _ val。indexof($ mailTo)0){//若不存在，则拼接$('#divtxt ').追加(' span class=' rece ' alt=' ' $ mailToId '；“$ Mailto”；/span’)；$梅西德=$梅西德$ mailToId '；} $(' #梅西德')。val($梅西德);$('#messName ').val($('#divtxt ').text())；//隐藏的收件人名称});//点击某个收件人，添加样式$('.收到).live('click '，function(){ $('#divtxt ')).查找('。收到).移除CLaSS(' on ')；$('#divtxt ').查找('。收到).css(“”背景色',' ')。css('color '，' ')$(this).addClass('on ').css(“”背景色，' #545f59 ').css('color '，' # fff ')；});//点击删除键跟退格键，删除对应的收件人$(文档)。绑定(' keydown '，函数(事件){ var $梅西德=$(' #梅西德')。val()；//收件人身份的值var $span_alt=$('#divtxt .在').attr(' alt ')；//选中的收件人if($span_alt！=null){ var $index，$span_size，$mess_size，$ val$ index=$梅西德。indexof($ span _ alt)；$ span _ size=$ span _ alt . length $ mess _ size=$梅西德。长度；//删除对应的收件人Id $ val=$梅西d.substring(0，$ index $梅西d.substring($index $span_size，$ mess _ size)；$(' #梅西德')。val($ val)；if(46==event.keyCode ){ //Delete键$('#divtxt .在').移除();$('#messName ').val($('#divtxt ').text())；}else if(8==event.keyCode){//退格键$('#divtxt .在').移除();$('#messName ').val($('#divtxt ').text())；返回false } } })；//搜索框搜索事件$('.搜索邮件').bind('blur '，function(){ var content=$(this)).val()；如果('搜索联系人.=内容内容！=''){ $('.邮件列表李(div ').每个（函数(){ var name=$(this)).text()；if(名称。indexof(content)==-1){ $(this).hide()；}else{ $(this).show()；} });} else { $(' .邮件列表李(div ').show()；} });});/script以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。