`
深海的鱼
  • 浏览: 13667 次
社区版块
存档分类
最新评论

jquery判断select中是否存在某个value以及进行增加、删除操作

    博客分类:
  • JS
阅读更多
//判断select中是否存在值为value的项
function isExistOption(id,value) {
	var isExist = false;
	 var count = $('#'+id).find('option').length;   
	  for(var i=0;i<count;i++)   
	  {   
		 if($('#'+id).get(0).options[i].value == value)   
			 {   
			       isExist = true;   
			            break;   
			      }   
		}   
		return isExist;
}

//增加select项
function addOptionValue(id,value,text) {
	if(!isExistOption(id,value)){$('#'+id).append("<option value="+value+">"+text+"</option>");}	
}

//删除select项
function delOptionValue(id,value) {
	if(isExistOption(id,value)){$("#"+id+" option[value="+value+"]").remove();}
}
 
1
2
分享到:
评论

相关推荐

    jQuery获取Select选择的Text和_Value

    jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将详细介绍 jQuery 获取和设置 Select 选择的 Text 和 ...

    [转]Jquery操作select 收藏

    在jQuery中操作select,我们可以执行以下常见任务: 1. **获取和设置选中项**:使用`.val()`方法,可以获取或设置select的当前选中项的值。如`$('select').val()`返回选中项的值,`$('select').val('newValue')`则...

    jquery select2组件

    **jQuery Select2组件详解** `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件,它在原生HTML `&lt;select&gt;` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中,使得传统的单选...

    用jquery获取select标签中选中的option值及文本的示例

    综上所述,示例演示了使用jQuery来获取select标签中选中项的值和文本的方法,并考虑了没有value属性的特殊情况,还涉及到了事件绑定和DOM操作的基本知识。对于学习和使用jQuery进行前端开发的读者来说,这些内容都是...

    JQuery操作select

    在网页开发中,jQuery 是一个非常流行的 JavaScript 库,它提供了简洁、强大的API来操作DOM元素,包括对select这样的下拉列表的操作。本篇文章将详细讲解如何使用jQuery来操作select。 首先,`changeShipMethod`...

    jquery实现select带模糊搜索下拉选择框

    在网页开发中,`jQuery` 是一款非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作等任务。本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框,以提升用户在交互时的体验。 ...

    Jquery操作select标签例子

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括对`&lt;select&gt;`标签的操作。本文将详细讲解如何使用jQuery来管理HTML中的`&lt;select&gt;`元素,包括选择、更改选项,获取选中项的文本、值...

    Jquery操作Select option整理

    ### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`&lt;select&gt;`元素作为用户交互的重要部分,常用于提供一系列选项供用户选择。jQuery作为一种流行的JavaScript库,极大地简化了DOM操作的过程,使得...

    jquery 超级select插件 v4.0版本

    《jQuery超级Select插件v4.0版本详解》 在Web开发中,下拉选择框(Select)是最常见的表单元素之一,但在某些场景下,普通的Select可能无法满足复杂的交互需求,例如多选、搜索过滤、自定义样式等。这时,jQuery...

    jquery操作select大全

    在操作select之前,首先需要熟练掌握jQuery选择器的使用,因为无论是添加、删除、修改还是获取select中的选项值,都离不开选择器的精确定位。 - `$('#id')`:通过ID选择器选取元素。 - `$("input[@type=radio][@...

    jquery实现select互斥联动

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。在本示例中,我们将探讨如何使用jQuery实现“select”元素的互斥联动效果,这是一种常见的表单控件交互设计,常用于...

    jQuery手机下拉框select

    这个插件自动应用到页面中的所有`&lt;select&gt;`元素,无需额外的JavaScript代码。你可以通过以下方式引入jQuery Mobile库: ```html &lt;link rel="stylesheet" href="https://code.jquery....

    jquery模拟select

    在模拟select的过程中,jQuery的核心优势在于它的API简洁易用,使得我们可以快速地实现动态效果和交互。 1. **基本原理**: 使用jQuery模拟select的基本思路是将原有的`&lt;select&gt;`元素隐藏,然后创建一组自定义的`...

    Jquery获取Select标签的值

    本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 Select 标签的值 ##### 1. 获取 Select 的 Value 值 要获取 Select 下拉框的当前选中值(即 value 属性的值)...

    jquery下拉菜单插件SelectMenu

    **jQuery下拉菜单插件SelectMenu详解** 在网页开发中,下拉菜单是常见的交互元素,用于提供多种选择项供用户进行操作。`SelectMenu.js` 是一款基于 jQuery 的高效下拉菜单插件,它提供了丰富的特性,使开发者能够...

    jQuery模拟select效果

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务。在一些场合,由于浏览器兼容性问题或者设计需求,我们可能需要模拟原生HTML `&lt;select&gt;` 标签的功能,例如创建下拉...

    Jquery combo-select

    本文将深入探讨jQuery combo-select的实现原理、使用方法以及如何自定义扩展。 一、jQuery combo-select的原理 jQuery combo-select通常由两部分构成:一个下拉列表(select)和一个文本输入框(input)。当用户...

    jquery模拟select效果实现

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及动画制作等任务。在某些情况下,由于设计或交互需求,我们可能需要对原生的HTML元素进行自定义,例如模拟select下拉菜单的效果。...

    jQuery And Select2 Demo.zip

    在本文中,我们将深入探讨jQuery库以及Select2插件的使用,如何利用它们来实现一个功能丰富的下拉框,特别是用于复选功能。这将帮助Web开发者创建更加用户友好的界面,提高用户体验。 jQuery是一个广泛使用的...

    jquery select2

    1. **基础应用**:首先,需要在页面中引入jQuery库和Select2库的CSS及JS文件。然后,通过`$('select').select2()`初始化选择器。 ```html &lt;link href="https://cdn.jsdelivr.net/npm/select2@4.x/dist/css/select2....

Global site tag (gtag.js) - Google Analytics