`

Jquery遍历select option和添加、移除option

阅读更多
//遍历option和添加、移除option
 function changeShipMethod(shipping){
 var len = $("select[@name=ISHIPTYPE] option").length
 if(shipping.value != "CA"){
 $("select[@name=ISHIPTYPE] option").each(function(){
 if($(this).val() == 111){
 $(this).remove();
 }
 });
 }else{
 $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
 }
 }
 

//取得下拉選單的選取值
 
$(#testSelect option:selected').text();
 或$("#testSelect").find('option:selected').text();
 或$("#testSelect").val();
 //////////////////////////////////////////////////////////////////
 记性不好的可以收藏下:
 1,下拉框:
 
var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
 var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值
 var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
 $("#select").empty();//清空下拉框//$("#select").html('');
 $("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option
 
稍微解释一下:
 1.select[@name='country'] option[@selected] 表示具有name 属性,
 并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
 可以看出有@开头的就表示后面跟的是属性。

分享到:
评论

相关推荐

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

    在这篇文章中,我们将了解到如何使用JQuery来遍历select中的option,并实现添加和移除option的几种方法。 首先,我们来看一下如何遍历select中的option元素。在JQuery中,可以使用选择器来选中一个select元素,然后...

    jquery 动态遍历select 赋值的实例

    这是一个非常有用的jQuery方法,可以移除集合中所有匹配元素的子节点,从而确保在添加新的option之前select列表是空的。 以上就是这篇关于"jquery动态遍历select赋值的实例"中涉及的主要知识点。通过本文的介绍和...

    Jquery操作Select option整理

    ### jQuery 操作 Select Option 整理 #### 一、引言 在Web开发中,`&lt;select&gt;`元素...无论是遍历、添加还是移除 `&lt;option&gt;`,还是获取选中的值,jQuery 都能帮助我们轻松完成任务。希望本文档能为你的项目带来帮助!

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

    //遍历option和添加、移除optionfunction changeShipMethod(shipping){ var len = $(“select[@name=ISHIPTYPE] option”).length if(shipping.value != “CA”){ $(“select[@name=ISHIPTYPE] option”).each...

    JQuery操作select

    这利用了jQuery的`each()`方法来遍历option,以及`remove()`和`appendTo()`方法来移除或添加选项。 接着,我们来看如何获取select的选中值。`$("#testSelect option:selected").text()`和`$("#testSelect").find('...

    jquery实现 两个select之间option的转移操作

    这里,`find('option')`找到`select1`下的所有`&lt;option&gt;`,然后`each()`遍历每个选项,`clone()`复制选项,最后`append()`将复制的选项添加到`select2`。 对于单选操作,我们可以监听`change`事件,当用户更改选项...

    js select option

    JQuery提供了`.val()`方法来获取或设置选中的`option`值,以及`.append()`和`.remove()`方法来添加或移除`option`。 ```javascript var $selectBox = $('#mySelect'); $selectBox.append('&lt;option value="newValue...

    jquery操作select大全

    在本篇中,我们详细讲解了如何使用jQuery来操作select元素,包括添加、删除、获取和设置选中的option。同时,还介绍了如何操作单选框Radio和复选框Checkbox。这些操作是网页交互中非常重要的部分,掌握了这些知识,...

    jQuery 操作Option.rar

    总结来说,"jQuery操作Option"的示例着重展示了如何利用jQuery库来增强`select`元素的交互性,提供选项移动的功能,这对于创建动态和用户友好的Web表单非常有用。通过学习这个示例,开发者可以更好地掌握jQuery在...

    jquery动态添加option示例

    在本文中,我们将深入探讨如何使用jQuery动态添加和移除`&lt;option&gt;`元素,这些元素常用于下拉选择列表(`&lt;select&gt;`元素)中。 ### 一、动态添加`&lt;option&gt;`元素 在HTML中,`&lt;option&gt;`元素用于在`&lt;select&gt;`下拉列表中...

    JQuery操作select的实例代码

    本篇文章将深入探讨如何使用jQuery来操作HTML中的`&lt;select&gt;`元素,包括选择、添加、删除和修改选项。以下是一些关键知识点: ### 1. jQuery选择器与`&lt;select&gt;`元素 jQuery的选择器能方便地定位到页面上的`&lt;select&gt;...

    jQuery取得select选择的文本与值的示例

    上述代码中,`val()`方法用于获取select元素选中的值,`each()`方法用于遍历select1中每一个选中的值,`click()`方法用于设置点击按钮后要执行的函数。 通过以上介绍,我们可以看到使用jQuery操作select元素的方法...

    jquery操作select插件.docx

    在本文中,我们将深入探讨如何使用jQuery来操作`select`插件,包括获取和设置选中项、添加和删除选项以及检查选项是否存在。 1. **获取选中项的文本** 使用`getSelectedText`函数可以获取当前`&lt;select&gt;`元素中选中...

    jquery 实现的 select 上移、下移、左移、右移功能

    在本文中,我们将深入探讨如何使用 jQuery 来实现 Select 元素中的选项上移、下移、左移和右移功能。这对于需要动态调整选择项顺序的交互式应用非常有用,比如在线表单编辑或者配置工具。让我们逐一解析这个主题。 ...

    jquery select应用

    除了获取和设置 `&lt;select&gt;` 的值外,还需要能够动态地添加或删除 `&lt;option&gt;` 元素。 ##### 3.1 添加 Option ```javascript $("#select_id").append("&lt;option value='Value'&gt;Text&lt;/option&gt;"); ``` `.append()` 方法...

    jquery下拉多选select插件.rar

    DOM操作包括元素的获取、添加、删除和修改,如`append()`用于在元素内部追加内容,`remove()`移除指定元素,`attr()`设置或获取属性值。 在这个插件中,下拉多选框(Multiple Select Dropdown)通常由一个普通的...

    jquery下拉select控件操作方法分享(jquery操作select)

    本文将详细讲解如何使用jQuery来操作select元素,包括获取和设置选项、添加与删除选项以及改变选中状态等常见操作。 1. **获取和设置Select选项** - `$("#select_id").change(function() {...})`:此代码用于为...

    jquery双向选择器两侧select框列表文字左右选择器代码

    除了基本的添加和移除选项,我们可能还需要处理一些特殊情况,比如防止某个选项同时出现在两个select框中,或者限制可选的选项数量。这些可以通过添加额外的条件判断来实现。 此外,为了提高用户体验,可以添加一些...

Global site tag (gtag.js) - Google Analytics