`

.jquery 迭代 select 的option 选项

阅读更多

.jquery 迭代 select option 选项

  法一:

j_q("#plan3_1_1_select").change( function() {

       var options=document.getElementById("plan3_1_1_select").options;

       for(var i=0;i<options.length;i++){

              if(options[i].value=="show"){

                     j_q("option[value="+options[i].value+"]").removeClass("color1");

              }else{

                     j_q("option[value="+options[i].value+"]").addClass("color1");

              }

       }

  });

 

法二:

j_q("#plan3_1_1_select").change(function(){ //事件发生

       j_q('option', this).each(function(){ //印出选到多个值

          if(this.value=="show"){

                     j_q("option[value="+this.value+"]").removeClass("color1");

              }else{

                     j_q("option[value="+this.value+"]").addClass("color1");

          }

        });

  });

分享到:
评论

相关推荐

    jquery select2组件

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

    jquery 超级select插件 v4.0版本

    这时,jQuery超级Select插件应运而生,它为开发者提供了强大的功能和自定义选项,让Select元素变得更具可扩展性和用户体验。本文将深入探讨jQuery超级Select插件的v4.0版本。 一、jQuery超级Select插件概述 jQuery...

    jQuery Select(单选) 模拟插件 V1.3.6

    **jQuery Select(单选) 模拟插件 V1.3.6 知识点详解** 在网页开发中,我们经常需要使用到选择器来获取用户的选择,原生的HTML `&lt;select&gt;` 元素虽然简单易用,但在样式定制和交互效果上往往显得力不从心。为了改善这...

    jQuery Select 下拉单选框模拟插件 V1.3.6.2.zip

    《jQuery Select 下拉单选框模拟插件 V1.3.6.2 深度解析》 在网页开发中,下拉选择框(Select)是常见的一种交互元素,用于提供用户选择一组预设选项。然而,原生的HTML Select在样式定制和交互体验上存在一定的...

    浅析jQuery对select操作小结(遍历option,操作option)

    例如,通过选择器“select[name='ISHIPTYPE'] option”来选取name属性为'ISHIPTYPE'的select元素内的所有option,然后通过.each()方法迭代每个option,并对其执行相应的操作。 在遍历过程中,可以通过$(this).val()...

    Jquery遍历select option和添加移除option的实现方法

    本文将详细讲解如何使用 jQuery 来遍历 `select` 元素中的 `option` 选项,并实现添加与移除 `option` 的功能。 首先,我们来看一下提供的代码示例: ```javascript function changeShipMethod(shipping) { var ...

    jquery下拉菜单select二级菜单导航

    在网页设计中,jQuery下拉菜单常常用于提供用户友好的交互体验,特别是在处理大量选项时。"jquery下拉菜单select二级菜单导航"是这个话题的核心,它涉及到如何使用jQuery库来增强HTML `&lt;select&gt;` 元素,使其具备多级...

    select2-4.0.8.zip

    3. **自定义数据源**:不局限于HTML的`&lt;option&gt;`标签,Select2可以接受任何可迭代的数据源,如JSON数组或远程API,极大地扩展了其应用场景。 4. **响应式设计**:适配不同屏幕尺寸,无论在桌面端还是移动端,都能...

    jquery实现的多选下拉框

    除了基本功能外,ehynds-jquery-ui-multiselect-widget还支持许多自定义选项。例如,可以设置`minWidth`来调整下拉框的最小宽度,使用`buttonText`和`buttonTitle`来自定义按钮的文本和标题,甚至通过`...

    jquery取值.pdf

    $("&lt;option value='test'&gt;test&lt;/option&gt;&lt;option value='test2'&gt;test2&lt;/option&gt;").appendTo("#select_id"); // 清空下拉框 $("#select_id").empty(); // 设置选中项索引 $('#select_id')[0].selectedIndex = 1; ```...

    EL,jstl,js 对select元素

    &lt;option value="${option.value}"&gt;${option.label}&lt;/option&gt; &lt;/select&gt; ``` 这里的`${bean.optionsList}`引用了JavaBean的一个属性,它通常是一个包含选项值和标签的对象列表。`&lt;c:forEach&gt;`是JSTL标签,用于迭代...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    javascript删除option选项的多种方法总结

    在JavaScript中,删除`&lt;select&gt;`元素中的`&lt;option&gt;`选项是常见的操作,尤其是在动态更新下拉列表或者根据用户交互来调整可用选项时。这里我们将详细介绍四种常见的删除`&lt;option&gt;`的方法,以及针对不同浏览器(IE与...

    jQuery下拉列表框双向选择

    使用`.each()`迭代下拉列表的所有选项,并使用`.prop('selected', true/false)`来设置或取消选中状态。 4. **HTML结构**:页面上可能包含两个下拉列表,它们可以是独立的`&lt;select&gt;`元素,也可以是嵌套在`&lt;div&gt;`或...

    动态生成和操作DropDownList

    例如,使用jQuery库,你可以创建一个新的`&lt;select&gt;`元素,添加`&lt;option&gt;`标签,然后将其插入到页面中: ```javascript var select = $("&lt;select id='ddlDynamic'&gt;&lt;/select&gt;"); // 添加选项 for (var i = 0; i ...

    jquery中使用循环下拉菜单示例代码

    在jQuery中,我们可以利用其强大的DOM操作功能来实现循环下拉菜单,使得用户在选择最后一个选项后能够重新回到第一个选项,从而形成一个无缝循环的效果。这样的设计尤其适用于需要连续选择或无限滚动的场景。 首先...

    jquery 获取表单元素里面的值示例代码

    - 对于下拉选择框(select),`.val()`方法同样可以用来获取选中的option的value值,`.find('option:selected').text()`方法用来获取选中option的文本值。 2. 控制表单元素 除了获取值,jQuery还提供了方便的方法来...

    使用jQuery重置所有字段

    4. **重置下拉菜单**:对于`&lt;select&gt;`元素,我们需要将默认选中的选项设为选中。假设默认项是第一个`&lt;option&gt;`,我们可以这样操作: ```javascript $("#myForm select option:first").prop("selected", true); ``...

    jQuery下拉框多选带检索特效代码

    这需要利用jQuery的`.each()`迭代器和`.text()`、`.hide()`、`.show()`等方法。 4. **多选功能**: 要实现多选,可以利用`&lt;select&gt;`元素的`multiple`属性,让用户可以通过按住Ctrl或Shift键来选择多个选项。同时,...

Global site tag (gtag.js) - Google Analytics