*说明:select元素javascript常用操作
* 1. 判断是否存在指定value的Item
* 2.加入一个Item
* 3.删除值为value的所有Item
* 4.删除某一个index的选项
* 5.更新第index项的value和text
* 6.设置select中指定text的第一个Item为选中
* 7.设置select中指定value的第一个Item为选中
* 8.得到当前选中项的value
* 9.得到当前选中项的index
* 10.得到当前选中项的text
* 11.清空所有选项
-------------------------------------------------------*/
//1.判断是否存在指定value的Item
function ExistValue(obj,value){
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].value == value){
return true;
}
}
return false;
}
//2.加入一个Item
function AddItem(obj,text,value){
var varItem = new Option(text,value);
obj.options.add(varItem);
}
//3.删除值为value的所有Item
function RemoveItems(obj,value){
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].value == ItemValue){
obj.options.remove(i);
}
}
}
//4.删除某一个index的选项
function RemoveItem(obj,index){
obj.options.remove(index);
}
//5.更新第index项的value和text
function UpdateItem(obj,index,value,text){
obj.options[index].value = value;
obj.options[index].text = text;
}
//6.设置select中指定text的第一个Item为选中
function SelectItemByText(obj,text){
var isExit = false;
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].text == text){
obj.options[i].selected = true;
return true;
}
}
return false;
}
//7.设置select中指定value的第一个Item为选中
function SelectItemByValue(obj,value){
var isExit = false;
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].value == value){
obj.options[i].selected = true;
return true;
}
}
return false;
}
//8.得到当前选中项的value,index,text
function GetValue(obj){
return obj.value;
}
//9.得到当前选中项的index
function GetIndex(obj){
return obj.selectedIndex;
}
//10.得到当前选中项的text
function GetText(obj){
return obj.options[obj.selectedIndex].text;
}
//11.清空所有选项
function Clear(obj){
obj.options.length = 0;
}
分享到:
相关推荐
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
在JavaScript中操作`<select>`控件是网页开发中常见的需求,涉及到增、删、查、改等操作。本文将详细介绍如何使用JavaScript对`<select>`控件进行各种操作,包括新增选项、修改选项、删除选项、选中特定选项、清空...
【JavaScript操作select控件】在Web开发中,`select`元素是HTML中用于创建下拉列表的常见控件。本文将详细介绍如何使用JavaScript来操作这个控件,包括新增、删除、修改、选中和清空选项,以及判断特定选项是否存在...
在进行 select 控件操作时,经常需要判断某个选项是否存在于 select 控件中。使用 JavaScript 可以轻松地实现这个功能。下面是一个示例代码: function jsSelectIsExitItem(objSelect, objItemValue) { var isExit...
### Select 控件操作大全 #### 一、简介 在网页开发中,`<select>` 元素被广泛用于创建下拉列表,用户可以从中选择一个或多个选项。使用JavaScript可以轻松地操纵这些 `<select>` 控件,从而实现动态地添加、删除...
`TransSelect.js`是核心的JavaScript代码,它提供了自定义SELECT控件样式的功能。这个脚本可能包含了以下关键知识点: 1. **模拟SELECT控件**:使用HTML、CSS和JavaScript创建一个视觉上与SELECT控件相似但样式可控...
《jQuery多功能Select控件——实现高效交互与美观界面》 在网页开发中,Select控件是常见的用户交互元素,用于提供下拉选项供用户选择。然而,原生的HTML Select控件在功能和视觉效果上往往无法满足现代网页设计的...
在客户端(浏览器端)的JavaScript中,我们不能直接操作服务器端的ASP.NET ListBox控件,但可以通过DOM(文档对象模型)操作HTML的`<select>`元素,这与ListBox功能相似。 1. **获取和设置选项** 使用`document....
标题中的“可编辑并自动提示的select控件”指的是在Web开发中,使用特定的JavaScript库或组件,创建一种能够动态提示选项,并且允许用户编辑输入的下拉选择框(Select)控件。这种控件通常用于提高用户体验,让用户...
### JavaScript模拟select控件知识点详解 #### 一、引言 在前端开发中,有时我们需要对浏览器原生的`<select>`元素进行定制化处理,比如实现更丰富的样式或者增加额外的功能。本篇将深入探讨如何使用纯JavaScript...
为了解决这个问题,开发者常常会使用jQuery等JavaScript库来创建自定义的Select控件,以实现更加美观和交互丰富的选择器。本文将深入探讨如何使用jQuery实现自定义Select控件,并分析其核心原理。 一、为何需要...
JavaScript的一些教程和参考手册: JavaScript 语言参考.chm JavaScript帮助教程.chm JAVASCRIPT教程手册.chm javascript手册.CHM ...Javascript 操作select控件大全.txt 欢迎大家下载,希望对你有用!
mobileSelect控件通过简洁的API和丰富的自定义选项,使得开发者能够轻松地在移动应用中集成高质量的下拉选择功能。 首先,我们来探讨一下mobileSelect的核心特性: 1. **响应式设计**:mobileSelect控件具备良好的...
- 在JavaScript中,选择控件通常指的是下拉列表(`<select>` 元素)。通过JavaScript,我们可以动态添加、删除选项,改变选中状态,甚至实现多选功能。`jQuery UI` 提供了可自定义的下拉选择器,如`Autocomplete`,...
本资源"QUI框架多种样式的SELECT控件.rar"正是针对这一需求提供的一种解决方案。下面将详细介绍这个资源及其相关知识点。 首先,`QUI框架`是一个专为前端开发设计的框架,它提供了丰富的组件和工具,简化了UI元素的...
本js文件——`selectDeal.js`显然专注于提供对`<select>`控件进行各种操作的函数。 1. **获取和设置选中项** JavaScript中的`document.getElementById`方法可以用来获取指定ID的`<select>`元素。然后,我们可以...
4. `Select-1.2.6`: 这个扩展允许用户选择表格中的行、列或单元格,增强了表格的交互性。 5. `Scroller-1.5.0`: 数据滚动插件,用于实现虚拟滚动,即使处理大数据集也能保持流畅的用户体验,只加载可视区域内的数据...
"完美解决IE6下select控件样式"的资源针对的就是这个历史悠久的问题。Select控件是HTML中用于创建下拉菜单的元素,但在不同的浏览器中,其默认样式可能会有很大差异,特别是对于IE6,它的呈现效果通常不符合现代网页...
总之,`jstree` 是一个强大且灵活的 JavaScript 树形控件,能够满足各种树状结构的展示需求。通过深入了解其核心特性和用法,开发者可以轻松地将其集成到项目中,提升用户体验。同时,遵循最佳实践,可以确保项目的...