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为下拉框的实现提供了强大的工具和便利的操作,使得开发者能够轻松创建交互丰富的Web应用。通过理解并掌握上述技巧,你将能有效地提升网页的用户体验。
下拉框(Dropdown)是网页表单中常见的一种元素,用于用户进行多项选择,而为其添加动态背景效果,可以增加用户的视觉吸引力,提高交互体验。 首先,我们需要了解HTML中的`<select>`元素,它是创建下拉框的基础。在...
5. 模拟下拉框:JavaScript库如jQuery和Vue.js提供了更加灵活的组件,可以模拟出更加复杂的下拉框效果,如搜索过滤、分组选项、无限滚动等。 6. AJAX集成:通过AJAX技术,可以实现下拉框的异步加载,当用户开始输入...
"jquery表单点击滑动下拉框美化.zip"是一个专门针对jQuery和CSS技术的资源包,旨在提供一种优雅的方式来美化传统的HTML表单中的下拉框(Select)元素,提升用户在操作表单时的视觉享受和操作体验。 首先,jQuery是...
"jQuery插件-多选全选实时搜索下拉框"就是这样一个工具,它结合了多选、全选以及实时搜索的功能,极大地优化了用户在选择项时的操作体验。 **一、jQuery基础知识** jQuery是由John Resig于2006年创建的,它的核心...
EasyUI 的核心特性在于它的组件化设计,包括但不限于数据网格(datagrid)、表单(form)、对话框(dialog)、菜单(menu)、下拉框(combobox)、滑块(slider)等,这些组件能够帮助开发者快速实现常见的交互功能...
- 考虑到性能问题,对于包含大量选项的下拉框,可能需要优化实时查询的实现方式,以避免过多的计算和渲染。 总结来说,jQuery Editable Select 提供了一个强大且灵活的下拉选择框解决方案,通过CSS和JS的结合,...
1. **组件丰富**:提供了如DataGrid(数据网格)、Form(表单)、Window(窗口)、Panel(面板)、Menu(菜单)等多种常见的Web UI组件,满足各种界面需求。 2. **易于使用**:只需要简单的HTML标记和JavaScript代码...
2. **表单(Form)**:EasyUI 提供了多种表单元素,如输入框(input)、下拉框(combobox)、日期选择器(datebox)等,并且支持数据验证和提交操作。通过设置 `form` 标签的 `url` 属性,可以实现与后端的交互,...
1. **组件丰富**:EasyUI 提供了多种常见的UI组件,如对话框(dialog)、表单(form)、面板(panel)、菜单(menu)、树形结构(tree)、表格(datagrid)、下拉框(combobox)等,这些组件可以满足大部分日常开发...
这些组件不仅可以提升表单的可用性,还能增强用户的操作体验。 在压缩包中的"jNice_0表单美化"文件,包含了jNice的源码、示例代码和文档,你可以通过查看这些资源进一步了解如何在项目中集成和定制jNice。同时,...
这种多选下拉框常用于表单中,让用户快速地从一系列预设选项中选取多个。比如在用户资料编辑、商品筛选、服务选择等场景。 五、进一步优化 1. ARIA支持:为了提高无障碍性,确保插件符合ARIA(Accessible Rich ...
1. **易用性**:jQuery库简化了JavaScript操作DOM(文档对象模型)的过程,使得创建和操作下拉框变得更加简单。 2. **兼容性**:jQuery提供了良好的浏览器兼容性,支持多种浏览器,减少了跨浏览器开发的麻烦。 3. **...
使用ID选择器比类选择器更快,而直接操作DOM元素比通过jQuery对象执行相同操作更快。 2. **响应式设计**:确保自定义下拉框在不同设备和屏幕尺寸上都能正常工作,考虑使用媒体查询适应不同视口大小。 3. **可访问性*...
本文将详细介绍如何利用jQuery来操作下拉框。 #### 获取下拉框的属性 **1. 获取选中的文本(`text`)** - **语法**: `$("#ddlregtype").find("option:selected").text();` - **说明**: 此方法通过`find()`方法...
本文将深入探讨“jquery表单、下拉框等简单应用”,结合提供的标签“源码”和“工具”,我们将从以下几个方面展开讨论: 1. **jQuery基本用法** jQuery的核心在于其选择器功能,它允许我们通过CSS语法来选取DOM...
总的来说,"jquery select带筛选下拉框代码.zip"提供了一个强大的工具,它可以帮助开发者构建更加用户友好且功能丰富的Web表单。通过学习和应用这个代码,可以提升Web应用的用户体验,特别是对于那些需要处理大量...
在JavaScript和jQuery的世界里,"js 可输入下拉框(jquery)"是一个常见的交互设计需求,它结合了传统下拉框的简洁性与输入框的搜索功能,为用户提供更友好的交互体验。这种组件通常被称为“Autocomplete”或...
- **下拉框选择组件**: 创建交互式的下拉框,提高表单的友好度。 - **表格样式优化**: 实现表格的隔行变色和选中行高亮等效果。 - **表格内容过滤**: 为表格添加搜索功能,方便用户查找数据。 - **简易选项卡**: ...