`

利用jQuery来反选Select

阅读更多

以这样的代码为例,

 

<select id="branchName">
    <option value="10">北京分公司</option>
    <option value="11">天津分公司</option>
    <option value="12">河北分公司</option>
    <option value="13">山西分公司</option>
</select>

 

 

通常情况下,我们可以用“document.getElementById(‘branchName’).value = 12”代码来让branchName来选定12对应的“河北分公司”。

 

那么,如果给一个“河北分公司”,我们怎么来让branchNamevalue选定为12呢?

 

jQuery可以做如下实现:

 

<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<select id="branchName">
    <option value="10">北京分公司</option>
    <option value="11">天津分公司</option>
    <option value="12">河北分公司</option>
    <option value="13">山西分公司</option>
</select>

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script>	
	var wantedValue = '山西分公司';
	
	$('#branchName option').each(function(){
			var value = $(this).val();
			var text = $(this).text();
			
			if(text == wantedValue){
					$('#branchName').val(value);
					return false;
			}
	});
	
</script>
 
0
0
分享到:
评论

相关推荐

    jquery全选反选

    "jquery全选反选"这个主题就是关于如何利用jQuery实现复选框的选择全部(全选)和选择相反(反选)功能,这在诸如表格数据筛选、多选确认等场景中非常实用。 全选功能允许用户一键选中所有复选框,反选则是将所有已...

    jquery Checkbox 全选 反选 全不选 多种实现方法

    在网页开发中,jQuery 是一个广泛使用...通过以上介绍,我们可以利用 jQuery 实现复选框的全选、反选和全不选功能,同时结合表单验证插件,确保用户按照规定进行输入。在实际应用中,可以根据具体需求进行调整和优化。

    jQuery全选、反选与获取选中值 源码下载

    本篇文章将详细讲解如何利用jQuery实现全选、反选功能,并介绍如何获取选中项的值。这在构建网页表单或者需要用户多选操作的场景中非常常见。 首先,让我们理解全选和反选的基本概念。全选意味着选定所有可选项,而...

    jquery高效反选具体实现

    在网页交互设计中,反选功能常常...总结来说,使用jQuery实现高效反选的关键在于正确地选取元素,获取和修改其属性,以及巧妙地使用逻辑运算来翻转状态。通过这样的方法,我们可以为用户提供更加直观和便捷的交互体验。

    Jquery实现复选框反选

    本文将详细介绍如何利用JQuery库来实现复选框的全选与反选功能,并提供一个简单的示例代码。 #### JQuery简介 JQuery是一个快速、简洁的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等...

    用jquery实现全选,取消,反选等与否和拖拽

    在这个场景中,我们关注的是如何利用jQuery来实现全选、取消选择、反选的功能,以及如何实现元素的拖拽效果。以下是关于这些功能的详细解释: **全选、取消和反选功能**: 1. **全选**:这个功能允许用户一键选中...

    jquery复选框_全选_反选_取消_选中输出等功能用jquery特效和jquery插件两种表单特效

    ### 使用jQuery实现复选框全选、反选、取消及选中值输出功能 #### 一、背景介绍 在Web开发中,复选框(Checkbox)是常用的表单元素之一,用于收集用户的选择数据。然而,传统的HTML复选框功能较为单一,无法满足...

    jquery 对table动态操作,以及多选反选功能

    综上所述,利用jQuery实现表格的动态操作,结合多选和反选功能,能够使网页更具交互性和易用性。在实际项目中,应考虑兼容性、性能优化和无障碍访问等多方面因素,确保功能的同时提升用户体验。

    jquery实现简单的全选和反选功能

    如示例中提到的“全选”、“全不选”、“反选”和“获得选中的所有值”按钮,每种按钮对应一个操作,利用jQuery来实现这些操作是简单直接的。 全选按钮("selectAll")在被点击时,将循环遍历所有的子复选框,并把...

    一个基于jQuery 实现的的全选、反选复选框插件源码例子

    这个“基于jQuery实现的全选、反选复选框插件源码例子”是一个很好的学习资源,可以帮助开发者理解如何利用jQuery来操控DOM(Document Object Model)中的复选框,并实现全选与反选的功能。 首先,我们要了解jQuery...

    jQuery下拉框可搜索 全选反选插件ASelect.js.zip

    《jQuery下拉框可搜索全选反选插件ASelect.js》 在现代网页开发中,用户界面的交互性与易用性至关重要。jQuery作为一款强大的JavaScript库,为开发者提供了丰富的功能,使得创建动态和响应式的网页变得轻而易举。...

    jQuery实现的表格行全选反选单选特效源码.zip

    这个"jQuery实现的表格行全选反选单选特效源码.zip"文件,显然提供了一种实现表格中行的全选、反选和单选效果的示例代码。下面我们将深入探讨jQuery在实现这种功能时涉及的关键知识点。 首先,jQuery的选择器是其...

    有关全选、反选、取消 的jquery效果

    而“工具”可能是指利用jQuery这一工具库来实现上述功能。 至于压缩包中的`check`文件,由于没有具体的内容,我们无法提供更多的细节。不过根据上下文,这可能是一个示例代码文件,包含了实现全选、反选和取消选择...

    jquery checkbox全选反选效果代码

    在本篇中,我们将深入探讨如何利用jQuery来实现checkbox的全选和反选效果。全选是将页面上所有的复选框全部选中,而反选则是将所有复选框的选中状态反转。 要实现这一效果,首先需要在HTML中设置相应的复选框,通常...

    jQuery全选

    "jQuery全选"这个主题,就是关于如何使用jQuery实现表格或其他列表元素的全选和反选功能。下面,我们将深入探讨这一知识点,包括相关原理、代码实现以及实际应用。 一、jQuery全选的基本概念 在网页交互中,用户...

    JQuery实现checkbox的全/不全选,以及反选功能

    在网页开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理、动画制作等任务。在本文中,我们将深入探讨...记住,优化用户体验是关键,合理利用jQuery的便利性可以大大提高代码的可读性和维护性。

    基于jQuery的三个JS复选框全选反选例子.zip

    本示例“基于jQuery的三个JS复选框全选反选例子.zip”聚焦于如何利用jQuery实现复选框的全选与反选功能,这在表格或者多选项选择场景中非常常见。以下将详细介绍这一功能的实现方式。 首先,我们需要理解复选框...

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。...

    jQuery 插件 表格高亮显示选中行 全选、反选(四种模式)

    然后,利用jQuery的`.toggleClass()`方法切换CSS类,`.attr()`或`.removeAttr()`方法修改属性值,以及`.each()`方法遍历和操作所有行。 在HTML文件中,我们需要一个包含表格数据的基本结构,并引入jQuery库和插件...

    jquery插件

    总结起来,这个“jquery插件全选 反选”压缩包提供了一种快速实现全选和反选功能的解决方案,利用jQuery的强大功能简化了前端开发。理解jQuery的基础和事件驱动编程模式,以及如何使用和定制插件,将有助于你更高效...

Global site tag (gtag.js) - Google Analytics