复选框和下拉框js如何操作合格复选框或下拉框中元素

<div style="width: 510px; border: 1px grey solid; border-right: 1px gray; padding-top: 1px;" id="heddendiv">

<div>        <ul id="addressul" class="ul_s">        </ul>        <div style="color: #ccc; position: absolute;padding-top:1px;padding-left:5px" id="textDiv1" onclick="document.getElementById(‘serach‘).focus();">

</div>        <input type="text" name="serach" id="serach" class="inputs" style="width: 500px;padding:2px;display:inline;" onblur="if(this.value==‘‘&&document.getElementById(‘addressul‘).childNodes.length==0)document.getElementById(‘textDiv1‘).style.display=‘inline‘;" onfocus="document.getElementById(‘textDiv1‘).style.display=‘none‘">    </div></div>

js:
//添加选中的关键字function addLi(name,id,type,typeName){

var addUl =jQuery("#addressul");    var addUlLi =jQuery("#addressul li");

if(addUl && addUlLi.length<5){        superType = type;        var textWidth = jQuery("#serach").css("width");

if(name.length>15){            name=name.substring(0,15);        }        for(i=0;i<addUlLi.length;i++){            var tmpLi = addUlLi.eq(i);

if(tmpLi.attr("id")=="li_"+id){                alert(name+" 已选择,请勿重复选择!");                return;            }        }        addUl.append("<li id=\"li_"+id+"\" name="+name+" value="+id+">"+name+"<img src=\"/images/section/tp.gif\"></li>");

jQuery("#li_"+id+" img").unbind().click(function(){removeLI("li_"+id)});        var liWidth = jQuery("#li_"+id).css("width");        var lastWidth = parseInt(textWidth)-parseInt(liWidth)-4;        jQuery("#serach").css("width",lastWidth);        jQuery("#serach").focus();    }else{        alert("接收人最多不得超过5人!");        jQuery("#serach").focus();    }}后台:
String otherPerson = data.getRequest().getParameter("otherPerson");//myy
if(otherPerson!=null){   String others[]=otherPerson.split(",");   for(int i=0;i<others.length;i++){      if(others[i]!=null&&!"".equals(others[i])){         tousers.add(others[i]);      }   }
service.sendMsg(msg, tousers.toArray(new String[0]));

}
				
时间: 2024-10-16 22:04:31

复选框和下拉框js如何操作合格复选框或下拉框中元素的相关文章

node.js高效操作mongodb

node.js高效操作mongodb Mongoose库简而言之就是在node环境中操作MongoDB数据库的一种便捷的封装,一种对象模型工具,类似ORM,Mongoose将数据库中的数据转换为JavaScript对象以供你在应用中使用. 当然要使用的话,必须要先安装好环境Node.js与MongoDB => MongoDB安装 MongoDB是目前最流行的noSQL数据库之一,它是专为node.js而开发的,理解下与我们常用的RDBMS关系型数据库的区别就可以基本使用了 MongoDB中有三个

JS/JQuery操作select下拉框

一.js 操作select 下拉框 var selObj = 下拉框对象 1. 移除所有项:selObj.options.length = 0; 2. 移除下拉框中的一项:selObj.options.remove(index); “index”为下拉框选项的索引值,若0索引项移出(自上而下),那么1索引项的索引会变为0,后面的索引依次向前推进 也可利用循环,移除所有项: var length = selObj.options.length; for(var i=length-1;i>=0;i-

js 设置多个复选框选中和取消选中

// 设置选中 function setCheckboxClick(obj) { if(obj == null) { $.messager.alert('警告', "请选择要设置选中的项!",'warning'); } // alert(obj.value); var authorityId = obj.value; $.ajax({ type: 'post', url: 'getAuthorityByAuthorityId.action', data: {"authorit

[Ext JS 4] 实战之多选下拉单 (带checkbox) 续 - 带ALL 选项

前言 在 [Ext JS 4] 实战之多选下拉单 (带checkbox) 这一篇中有介绍如何开发带有checkbox 的多选菜单. 但是实际项目开发过程中, 用户的需求也是不断精进的. 使用淘宝或是其他网站购物车功能的用户对全选就特别习惯, 所以他们也希望在下拉单中也能有  "ALL" 这样的选项. 但是Extjs 本身提供的多选下拉单,功能比较有限. 之前有扩充过带 checkbox, 现在又要多扩充一个 "ALL" 选项了. 要求是: 1. 选中"AL

[js高手之路]设计模式系列课程-单例模式实现模态框

什么是单例呢? 单,就是一个的意思.例:就是实例化出来的对象,那合在一起就是保证一个构造函数只能new出一个实例,为什么要学习单例模式呢?或者说单例模式有哪些常见的应用场景.它的使用还是很广泛,比如:弹出一个模态框,一般来说在网站中弹出的模态框,不停的一直点击,一般只能创建一个.还有后台的数据库连接,一般都是保证一个连接等等.今天的主题就是单例在模态框中的应用,我们先要搞清楚,怎么弄个单例出来. 我们先看下普通的构造函数加原型方式.下面这种是常见的方式 1 function Singleton

android如果给TextView或EditText的email链接加下划线,并在点击在email连接上可以弹框显示

如何把textview的一些文字加上背景色: Spannable str = new SpannableString("#fdsfdfsdfdsfd#"); Matcher matcher = getEmailPattern().matcher((CharSequence) str); while (matcher.find()) { int start = matcher.start(); int end = matcher.end(); str.setSpan(new Foregr

点击使文字变文本框且可编辑的JS

模仿QQ空间布局时,为了模拟好友分组编辑部分,大量搜集js代码,经过多重比较和修改,终于提炼到了我目前为止遇到的比较实用的脚本了,其中我中意的优点:无需id定义,只定义类就可以,,代码简便,尤其适用后台,因为,朋友已成功运用于后台交互中,先提供代码,做个标记(PS:忘记从哪里下载的JS源码,但十分感谢作者大神...感谢...) <script>$(function() { //获取class为caname的元素 $(".t2").click(function() { var

CSS+JS仿QQ面板风格的多级折叠下拉菜单

<html> <head> <title>CSS+JS仿QQ面板风格的多级折叠下拉菜单丨石家庄玻璃隔断|石家庄自动门</title> <style type="text/css"> *{ margin:0px; padding:0px; border:0px; } body{ font-size:12px; color:#333;text-align:center;} .mbox{background:#73C2FF; wid

JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 全部选择全选被选择

</pre><pre name="code" class="javascript"><span style="font-size:18px;">//点击全选按钮的事件操作 function selectAll(){ var allcheckBoxs=document.getElementsByName("iTo"); var select=document.getElementsByName