//定义一获得ID方法
function $(id){
return document.getElementById(id);
}
//判断选中的选项是否存在于目标列表objSelect中。
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < $(objSelect).options.length; i++) {
if ( $(objSelect).options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
//增加选中的选项。
function addOption(fromId,toId){
var len=$(fromId).options.length;
for(var i=0;i<len;i++){
if($(fromId).options[i].selected){
if(jsSelectIsExitItem(toId,$(fromId).options[i].value)!=true){
var op = new Option($(fromId).options[i].text,$(fromId).options[i].value);
$(toId).options.add(op);
//$(fromId).options.remove(i);//同时删除选中的原始列表选项
}else{
alert("不能重复增加相同的选项。"+$(fromId).options[i].text);
}
}
}
}
//增加全部选项
function addAll(fromId,toId){
var len=$(fromId).options.length;
for(var i=0;i<len;i++){
if(jsSelectIsExitItem(toId,$(fromId).options[i].value)!=true){
var op = new Option($(fromId).options[i].text,$(fromId).options[i].value);
$(toId).options.add(op);
}
}
// $(fromId).options.length=0;//增加选项同时删除原始选项列表
}
//移除选中的选项。
function delOption(fromId,toId){
var len = $(toId).options.length-1;
for(var i = len; i >= 0; i--){
if($(toId).options[i].selected){
// var op = new Option($(toId).options[i].text,$(toId).options[i].value);//当原列表中的选项增加时也删除时用。
// $(fromId).options.add(op);
//$(toId).options.remove(i);
$(toId).options[i]=null;
}
}
}
//删除所有选项
function delAll(fromId,toId){
/* var len=$(toId).options.length-1;//当原列表中的选项增加时也删除时用。
for(var i = len; i >= 0; i--){
if(jsSelectIsExitItem(fromId,$(toId).options[i].value)!=true){
var op = new Option($(toId).options[i].text,$(toId).options[i].value);
$(fromId).options.add(op);
}
}*/
$(toId).options.length=0;
}
分享到:
相关推荐
根据题目给出的信息,本文主要围绕Extjs中的表格组件(Grid)展开,介绍如何通过Grid实现对数据的增删改查功能。下面将分别针对各个功能点进行深入探讨。 #### 三、Extjs Grid组件配置详解 1. **初始化配置** - `...
1. **DOM操作**:使用jQuery选择器选取需要操作的元素,如`$('select')`或`$('input[type="checkbox"]')`,然后执行增删改查等操作。 2. **事件绑定**:通过`.on()`方法绑定各种事件,如点击事件、输入事件等,响应...
总的来说,"ztree全套的增删改查实例"是一个宝贵的资源,它涵盖了ZTree的核心操作,能帮助开发者提升在网页中处理树形数据的能力。通过研究和实践这个示例,我们可以更好地掌握ZTree的使用,提高开发效率。
3. 易于管理:通过JavaScript可以轻松控制选项的增删、禁用和选中状态,便于动态交互。 在实际应用中,`DropDownCheckList`常用于: 1. 表单提交:用户可以选择多个兴趣爱好、技能或者服务项目。 2. 数据过滤:在...
行的增删通常出现在表格或者列表视图中,用户可以动态地添加或移除数据显示的行。在编程中,这可能通过添加或删除数据对象到数据结构(如数组、列表或数据库记录)来实现,并同步更新界面上的显示。例如,在...
总结起来,增删改查代码大全涵盖了Web应用中数据操作的基本流程,从用户界面的交互设计到后端的数据处理,是开发者必备的基础技能。在实际工作中,开发者需要确保这些操作的正确性、效率和安全性,例如防止SQL注入...
实现这样的功能通常涉及到数据结构的设计,例如使用数组或集合来存储选定的日期,并且需要处理好日期的增删逻辑,确保用户的选择始终保持有效(例如,不能选择超出实际可用日期范围的日期)。 在压缩包中的文件...
zTree是一个强大的jQuery插件,它提供了丰富的树形操作功能,如节点的增删改查、多选和单选等。 首先,我们来看"下拉框"。在网页设计中,下拉框(Dropdown)是一种节省空间且易于使用的表单元素,它允许用户从预...
通过利用其丰富的组件库和灵活的数据处理能力,开发者能够轻松实现数据的增删改查(CRUD)操作。本文将详细介绍如何在 ExtJS 中实现这些基本但至关重要的功能。 #### 二、基础知识准备 1. **ExtJS 环境搭建**:确保...
总结来说,这个JS实现的可点击添加删除的下拉列表框多选标签控件涉及到了JavaScript的DOM操作、事件处理、数据验证以及CSS样式设计等多个方面,对于学习和提升前端开发技能具有很高的参考价值。实际使用时,开发者...
要实现JQGrid的增删改查功能,我们需要在控制器中添加对应的操作,并在JavaScript中配置相应的参数。例如,添加新的员工可以通过POST请求发送数据到服务器,删除员工则需要一个DELETE请求,更新员工信息则使用PUT...
该文档主要讲述了使用JavaScript语言来实现对网页中下拉列表框(select元素)进行数据项增加、删除以及上下排序的操作。具体涉及到的技术知识点有: 1. JavaScript操作DOM:包括通过JavaScript创建新的option元素、...
在实际的增删查改操作中,Extjs提供了丰富的API和事件处理机制。例如,可以通过GridPanel的`add`、`remove`、`update`方法来完成数据的添加、删除和修改,同时配合PHP的处理逻辑实现数据的持久化存储。在`handler`...
【标题】"通用的JSP分页+增删改查+批量删除" 是一个Web开发中的常见需求,尤其是在处理大量数据时,为了提高用户体验和系统性能,通常会使用分页来展示数据。在这个主题中,我们将深入探讨如何在JavaServer Pages ...
- TABLE操作:客户端动态增删表格行和列,模拟进度条和滚动列表。 - 对象嵌入:如使用object标签嵌入播放器和Flash,并与JavaScript交互。 - 异步调用类:使用XMLHttpRequest或fetch进行页面无刷新的数据获取。 ...
此外,由于涉及到动态增删DOM元素,`event delegation`(事件委托)是一个常见的优化手段,可以减少内存占用和提高性能。例如,`$('.treeBox').on('click', 'li')`这样的写法就是利用事件冒泡,只在一个父级元素上...
- **WizTree2.js**:这是WizTree的主要JavaScript文件,包含了实现树形结构的核心逻辑和函数,如节点的增删改查、事件处理等。 - **WizTreeListBox.js**:这个文件可能扩展了WizTree的功能,提供了与列表框交互的...
在淘宝的在线商店运营中,商品的展示与销售离不开后台管理系统的支持,特别是商品规格的设置和运费模板的管理。...同时,后端开发需要处理数据的增删改查以及与前端的交互逻辑,确保系统的稳定性和响应速度。
- **DOM操作**: 使用jQuery选择器获取HTML元素,并对其进行增删改查操作,例如隐藏/显示、添加/删除类等。 - **事件绑定**: 绑定点击、鼠标悬停等事件,实现下拉列表的展开和收起。 - **CSS样式**: 通过自定义CSS...
zTree是一个专门用于构建树形结构的jQuery插件,它提供了丰富的配置选项和事件处理机制,支持节点的增删改查、异步加载、拖拽排序等功能。在下拉树形复选框中,zTree负责生成树形结构并处理节点的展开、折叠和选择...