`
wsql
  • 浏览: 11810345 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

jQuery对select的基本操作

 
阅读更多
一、基本操作

为select添加事件,当选择其中一项时触发
$("#select_id").change(function(){ });


获取select选择的Text
var checkText=$("#select_id").find("option:selected").text();


获取Select选择的Value
var checkValue=$("#select_id").val();


获取select选择的索引值
var checkIndex=$("#select_id ").get(0).selectedIndex;


获取select最大的索引值
var maxIndex=$("#select_id option:last").attr("index");


设置Select索引值为1的项选中
$("#select_id ").get(0).selectedIndex=1;


设置Select的Value值为4的项选中
$("#select_id ").val(4);


设置Select的Text值为jQuery的项选中
$("#select_id option[text='jQuery']").attr("selected", true);



二、添加/删除select元素的Option项

为select追加一个Option(下拉项)
$("#select_id").append("
Text");


为select插入一个Option(第一个位置)
$("#select_id").prepend("
请选择");


删除Select中索引值最大Option(最后一个)
$("#select_id option:last").remove();


删除Select中索引值为0的Option(第一个)
$("#select_id option[index='0']").remove();


删除Select中Value='3'的Option
$("#select_id option[value='3']").remove();


删除Select中Text='4'的Option
$("#select_id option[text='4']").remove();


原帖地址:http://blog.sina.com.cn/s/blog_657332580100znjq.html
分享到:
评论

相关推荐

    Jquery操作Select option整理

    这个文档是本人在开发学习中下的别人的资料,觉得汇总的很好,后面在工作过程中修改了一些,非常有用,尤其是前端的,基本上对select option的操作都在这里面了。有收藏价值。

    jQuery 常用操作

    jQuery select checkbox radio等基本操作,包括的取值

    基于jQuery实现select下拉选择可输入附源码下载

    本文将用实例和大家分享一款基于jQuery的下拉框插件,它允许用户输入内容,同时下拉选项中会及时匹配相关选项,支持键盘操作,还支持html选项内容,当然还能让下拉的过程带有动画效果。我们来看下如何使用。 HTML...

    jQuery 1.4.1 中文参考

    2.1 jQuery 核心函数 17 2.1.1 jQuery(expression, [context]) 17 2.1.2 jQuery(html, [ownerDocument]) 18 2.1.3 jQuery(html, props) 19 2.1.4 jQuery(elements) 20 2.1.5 jQuery() 20 2.1.6 jQuery(callback) 21 ...

    jQuery 下拉框插件-带列表,带输入,快速查找及结果分页展示的多功能选择器

    强大的jquery下拉框插件 ...使用键盘快速操作基本功能及分页功能 多项选择以标签(Tag)形式展现 结果列表自动判断屏幕边缘,避免内容超出可视范围 丰富的参数设置及功能API调用 浏览器兼容:IE8+、Chrome、Firefox等

    JQuery对表单元素的基本操作使用总结

    select下拉列表onChange事件之JQuery实现: JQuery: $(document).ready(function () { $(#selectMenu).bind(change, function () { if ($(this).val() == pro1) { $(#pro1).slideDown(); $(#pro2).slideUp(); } ...

    selectpage.js,版本2.19

    SelectPage.js是一款强大的jquery下拉分页选择插件。SelectPage.js下拉分页选择插件...使用键盘快速操作基本功能及分页功能。 允许使用静态json数据源或ajax动态请求的数据源。 多项选择以标签(Tag)形式展现。 结果列

    jQuery操作基本控件方法实例分析

    本文实例讲述了jQuery操作基本控件方法。分享给大家供大家参考,具体如下: 1. 根据控件的样式class获取控件 复制代码 代码如下:$(“.className”)…… //className代表的就是控件的样式 2. 根据控件的ID获取控件 ...

    SelectPage v2.13

    功能特点:基于jQuery、Bootstrap2、3开发也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找(autocomplete)结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用静态json数据源或ajax动态...

    jQuery Html控件基本操作(日常收集整理)

    闲来无聊,收集总结一下jQuery常用操作,希望对新手有用。 基于jquery 1.3.2 <!--[removed][removed]--> <!--[removed][removed]--> <script src="https://ajax.googleapis.com/ajax/libs/jquer

    jQuery详细教程

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

    SelectPage下拉分页插件 v2.19

    功能特点:基于jQuery兼容Bootstrap2、3样式,以及非Bootstrap环境支持也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速查找(autocomplete)结果列表分页展示使用键盘快速操作基本功能及分页功能允许使用...

    jquery1.11.0手册

    select([[data],fn]) submit([[data],fn]) unload([[data],fn]) 效果 基本 show([s,[e],[fn]]) hide([s,[e],[fn]]) toggle([s],[e],[fn]) 滑动 slideDown([s],[e],[fn]) slideUp([s,[e],[fn]]) ...

    jQuery完全实例.rar

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

    Jquery 表单取值赋值的一些基本操作

    具有限定子节点选择器:$(“mix1[mix2]”):返回包含mix2的mix1节点.如:$(“div[a]”):包含a标签的div. 这个和$(“div a”)不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    chrome查看html样式基本操作 html的body内标签之input系列 html的body内标签之多行文本及下来框 html的body内标签之超链接 html的body内标签之图片及表格 html的body内标签之表格 html的body内标签之fieldset标签和...

    Jquery 1.3 简体中文手册

    select( [fn] ) submit( [fn] ) unload(fn) 效果 基本 show() show(speed, [callback]) hide() hide(speed, [callback]) toggle() toggle(switch) toggle(speed, [callback]) 滑动 slideDown(speed, ...

    JQuery 1.3 中文参考手册

    select( [fn] ) submit( [fn] ) unload(fn) 效果 基本 show() show(speed, [callback]) hide() hide(speed, [callback]) toggle() toggle(switch) toggle(speed, [callback]) 滑动 slideDown(speed, ...

Global site tag (gtag.js) - Google Analytics