`
gcq04552015
  • 浏览: 462205 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery操作表单-下拉框

 
阅读更多
jQuery一般是通过val()方法来选中select
$("#bag").val("179")

下拉框的option有两个有用的参数一个是text,一个是value.上面是通过value来选中下拉框的,我们可以通过文本值来选中select吗?

view sourceprint?
1 $("#bag").val("通用")//没有效果 

2 //说明只能通过option的value值来选中下拉框
看来我们只能曲线救国了,通过遍历下拉框的所有option然后判断option的文本值 是否相等来选中

view sourceprint?1 $("#bag option").each(function(){ 

2 if($(this).text()=="通用"){ 

3 $(this).attr("selected",true) 

4 //$(this).attr("selected","selected")两者都可以选中 

======================================================================
假设下拉框叫a

清空:

a.length=0;

我还一直以为length是只读属性,居然还藏了这么一手,牛!

增加:

a.options[a.length]=new Option(text,value);

删除:

a.options[n]=null;

应用当中,删除完了往往会在后面加上一句a.click;用以刷新。否则下拉框停留在被删除的项目那儿显示为一片白。

修改:

a.options[n].value=value;

a.options[n].text=text;

当前选中的index:

a.selectedIndex

所以修改选中的下拉框往往就写成a.options[a.selectedIndex].value=value;
分享到:
评论

相关推荐

    jquery--下拉框的实现

    在网页开发中,jQuery 是一个广泛使用的 ...总结,jQuery为下拉框的实现提供了强大的工具和便利的操作,使得开发者能够轻松创建交互丰富的Web应用。通过理解并掌握上述技巧,你将能有效地提升网页的用户体验。

    javascript经典特效---下拉框选择背景.rar

    下拉框(Dropdown)是网页表单中常见的一种元素,用于用户进行多项选择,而为其添加动态背景效果,可以增加用户的视觉吸引力,提高交互体验。 首先,我们需要了解HTML中的`<select>`元素,它是创建下拉框的基础。在...

    javascript经典特效---下拉框的新特性.rar

    5. 模拟下拉框:JavaScript库如jQuery和Vue.js提供了更加灵活的组件,可以模拟出更加复杂的下拉框效果,如搜索过滤、分组选项、无限滚动等。 6. AJAX集成:通过AJAX技术,可以实现下拉框的异步加载,当用户开始输入...

    jquery表单点击滑动下拉框美化.zip

    "jquery表单点击滑动下拉框美化.zip"是一个专门针对jQuery和CSS技术的资源包,旨在提供一种优雅的方式来美化传统的HTML表单中的下拉框(Select)元素,提升用户在操作表单时的视觉享受和操作体验。 首先,jQuery是...

    jQuery插件-多选全选实时搜索下拉框

    "jQuery插件-多选全选实时搜索下拉框"就是这样一个工具,它结合了多选、全选以及实时搜索的功能,极大地优化了用户在选择项时的操作体验。 **一、jQuery基础知识** jQuery是由John Resig于2006年创建的,它的核心...

    jquery-easyui-1.4.2.zip

    EasyUI 的核心特性在于它的组件化设计,包括但不限于数据网格(datagrid)、表单(form)、对话框(dialog)、菜单(menu)、下拉框(combobox)、滑块(slider)等,这些组件能够帮助开发者快速实现常见的交互功能...

    jquery.editable-select.min的css与js

    - 考虑到性能问题,对于包含大量选项的下拉框,可能需要优化实时查询的实现方式,以避免过多的计算和渲染。 总结来说,jQuery Editable Select 提供了一个强大且灵活的下拉选择框解决方案,通过CSS和JS的结合,...

    jquery-easyui-1.5.3

    1. **组件丰富**:提供了如DataGrid(数据网格)、Form(表单)、Window(窗口)、Panel(面板)、Menu(菜单)等多种常见的Web UI组件,满足各种界面需求。 2. **易于使用**:只需要简单的HTML标记和JavaScript代码...

    jquery-easyui-1.8

    2. **表单(Form)**:EasyUI 提供了多种表单元素,如输入框(input)、下拉框(combobox)、日期选择器(datebox)等,并且支持数据验证和提交操作。通过设置 `form` 标签的 `url` 属性,可以实现与后端的交互,...

    jquery-easyUI-1.3.4

    1. **组件丰富**:EasyUI 提供了多种常见的UI组件,如对话框(dialog)、表单(form)、面板(panel)、菜单(menu)、树形结构(tree)、表格(datagrid)、下拉框(combobox)等,这些组件可以满足大部分日常开发...

    jQuery 表单美化-jNice

    这些组件不仅可以提升表单的可用性,还能增强用户的操作体验。 在压缩包中的"jNice_0表单美化"文件,包含了jNice的源码、示例代码和文档,你可以通过查看这些资源进一步了解如何在项目中集成和定制jNice。同时,...

    Jquery实现下拉框多选

    这种多选下拉框常用于表单中,让用户快速地从一系列预设选项中选取多个。比如在用户资料编辑、商品筛选、服务选择等场景。 五、进一步优化 1. ARIA支持:为了提高无障碍性,确保插件符合ARIA(Accessible Rich ...

    可定制jquery写的div下拉框

    1. **易用性**:jQuery库简化了JavaScript操作DOM(文档对象模型)的过程,使得创建和操作下拉框变得更加简单。 2. **兼容性**:jQuery提供了良好的浏览器兼容性,支持多种浏览器,减少了跨浏览器开发的麻烦。 3. **...

    jquery+html自定义select下拉框,下拉框美化

    使用ID选择器比类选择器更快,而直接操作DOM元素比通过jQuery对象执行相同操作更快。 2. **响应式设计**:确保自定义下拉框在不同设备和屏幕尺寸上都能正常工作,考虑使用媒体查询适应不同视口大小。 3. **可访问性*...

    jquery获取当前选中下拉框的各个属性

    本文将详细介绍如何利用jQuery来操作下拉框。 #### 获取下拉框的属性 **1. 获取选中的文本(`text`)** - **语法**: `$("#ddlregtype").find("option:selected").text();` - **说明**: 此方法通过`find()`方法...

    jquery表单、下拉框等简单应用

    本文将深入探讨“jquery表单、下拉框等简单应用”,结合提供的标签“源码”和“工具”,我们将从以下几个方面展开讨论: 1. **jQuery基本用法** jQuery的核心在于其选择器功能,它允许我们通过CSS语法来选取DOM...

    jquery select带筛选下拉框代码.zip

    总的来说,"jquery select带筛选下拉框代码.zip"提供了一个强大的工具,它可以帮助开发者构建更加用户友好且功能丰富的Web表单。通过学习和应用这个代码,可以提升Web应用的用户体验,特别是对于那些需要处理大量...

    js 可输入下拉框(jquery)

    在JavaScript和jQuery的世界里,"js 可输入下拉框(jquery)"是一个常见的交互设计需求,它结合了传统下拉框的简洁性与输入框的搜索功能,为用户提供更友好的交互体验。这种组件通常被称为“Autocomplete”或...

    jquery学习-----jquery库讲义

    - **下拉框选择组件**: 创建交互式的下拉框,提高表单的友好度。 - **表格样式优化**: 实现表格的隔行变色和选中行高亮等效果。 - **表格内容过滤**: 为表格添加搜索功能,方便用户查找数据。 - **简易选项卡**: ...

Global site tag (gtag.js) - Google Analytics