`
javaso
  • 浏览: 51842 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Jquery操作表单Select元素的用法(转)

阅读更多

jQuery获取Select元素,并选择的Text和Value:
实例分析:
1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
3. var checkValue=$("#select_id").val();  //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值


jQuery获取Select元素,并设置的 Text和Value:
实例分析
1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
2. $("#select_id ").val(4);   // 设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select元素的Option项:
实例分析
1. $("#select_id").append("<option value='Value'>Text</option>");  //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>");  //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option
分享到:
评论

相关推荐

    jQuery表单域选择器用法分析

    本文实例分析了jQuery表单域选择器用法。分享给大家供大家参考。具体如下: 表单域是指网页中的input,textarea, select和button元素。 1. :input选择器 代码如下:$(“:input”) 2. :text选择器 代码如下:$(“:text...

    jQuery获取和设置表单元素的方法

    jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框、单选按钮、以及单选按钮的值。使用val()不带参数,表示获取元素的值使用val()给定参数,则表示把值赋给元素 如下: 代码如下://获取值alert&#...

    jquery使用ul模拟select实现表单美化的方法

    本文实例讲述了jquery使用ul模拟select实现表单美化的方法。分享给大家供大家参考。具体如下: 这里使用jquery实现ul模拟select,是jQuery插件实现的Select下拉菜单效果,类似的功能网上已经有一些了,每一款都代表...

    jQuery核心语法

    对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获取第三个元素的内容。有如下两种方法: $("div").eq(2).html(); //调用jquery对象的方法 $("div").get(2)[removed]; //调用dom的方法属性 ...

    jQuery详细教程

    • jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() - 隐藏所有 class="test" 的段落 $("#test").hide() - 隐藏所有 id="test" 的元素 ...

    jQuery操作DOM之获取表单控件的值

    本文实例讲述了jQuery操作DOM之获取表单控件的值。分享给大家供大家参考。具体分析如下: HTML属性与DOM属性差别最大的地方,恐怕就要数表单控件的值了。比如,文本输人框的 value属性在DOM中的属性叫defaultValue,...

    jQuery 处理表单元素的代码

    当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个数组。当然,你可以给这些控件加上ID,从而对某个特定的控件取值,例如:$(“input#myID”).val()。 下面将对每一种控件的取值...

    jQuery select小控件适用IE6、IE7、IE8

    构造方法在:input表单添加class="e_select"属性 属性说明:class="e_select" 构造下拉框 属性说明:etop="0" 控件下图片位置,默认可以不用添加此属性。 属性说明:edata="{,普通:普通AA,模糊:模糊,右边模糊:...

    jQuery表单美化插件jqTransform使用详解

    jQuery Form表单美化插件jqTransform,非常实用的jQuery插件,自动把你整个Form表单进行美化处理,包括SELECT下拉框、文本框、单选、复选框、按钮等,当然不支持input file文件选择框,这个可以参照我们之前的input ...

    jQuery完全实例.rar

    这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果没有指定context参数,$()将在当前的 HTML 文档中查找 DOM 元素;如果指定了 ...

    jquery-1.1.3 效率提高800%

    选择器速度提升 选择器的速度大幅度提高了,下表为jQuery1.1.2和1.1.3的选择器速度对比,提高了8倍多 Browser jQuery 1.1.2 jQuery 1.1.3 % Improvement IE 6 4890ms 661ms 740% Firefox 2 5629ms 567...

    jQuery攻略.pdf

    表单验证 82 4.1 确认必需字段不留空 82 4.2 验证数字字段 84 4.3 验证电话号码 88 4.4 验证用户ID 90 4.5 验证日期 92 4.6 验证电子邮件地址 94 4.7 检查复选框是否被选中 96 4.8 检查单选按钮是否被选中 99 4.9 ...

    json-editor:一个将JSON模式转换为表单的jquery插件

    它仅取决于jQuery。 可以在拖曳模式下使用:属性网格(当前实现)/常规形式(路线图)。 易于自定义CSS。 支持的输入:text / checkbox / textarea / html / color / date / number / radio / select。 验证...

    [原创]基于JQUERY的Combo下拉框控件

    如果初始化时,传入的是SELECT控件,则控件中的内容和使用模式将被缓存到GooCombo对象中 有三种模式可定义:basic基本,multiple可多选,filter过滤显示 当Input内容框为可写状态时,可以通过输入TEXT来直接获取要...

    jQuery-LCN-Range-Select

    2.包含应包含您的范围的输入表单元素(格式为“ startValue; endValue”) 必须选择class range-select。 如果添加属性data-auto-init,则在触发domReady事件时,输入元素将自动增强。 &lt;input type="text" ...

    jquery.electify:一个表单元素交叉控制脚本

    jquery.electify 表单元素交叉控制脚本。 您可以在获取插件的工作示例。用法 $ ( document ) . ready ( function ( ) { $ ( '#testForm' ) . electify ( { main : '#select_all' , childrenCheckBoxes : '.checks' ,...

    jquery-autosaveform:jQuery插件可简化自动保存表单

    用法:通过ID,自定义选项设置一种表单$("#MyForm").autoSaveForm({autosave_frequency: 0, # autosave disabledautosave_onclick: "#my-container a[href]:not([rel])",# custom links to be bound as ...

    jQuery Selectors(选择器)的使用(七、子元素篇)

    本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解::nth-child(index/even/odd/equation),:first-child,:last-child,:only-child的用法。...

    bsmSelect:使用 jQuery 选择多个表单元素的渐进增强(asmSelect 的分支 - http

    bsmSelect - 更好地选择多个 基于 asmSelect - Ryan Cramer 的交替选择多个 可以在项目根文件夹中找到原始 ...在文档就绪函数中使用 jQuery 选择器: jQuery(function($) { $("select[multiple]").bsmSelect(); });

Global site tag (gtag.js) - Google Analytics