【js:片断】jQuery 设置 select 下拉框的选中状态

简介: 注意事项:   1、对象相等行判断,使用 === 而不是 == ,js 引擎执行两个相等符号时,会自动进行类型转换。比较 "1"==1  与 "1"===1 即可知道结果   2、以上代码需要引用 jQuery 库。
<mce:script type="text/javascript"><!-- function change(objID, newValue) { var obj = $("#" + objID); if (!obj) { alert("对象为空,执行返回!"); return; } var options = obj.find("option"); options.each(function (i) { if ($(this).text() === newValue) { $(this).attr("selected", true); -- 也可用 obj.get(0).selectedIndex = i; 替代 } }); } // --></mce:script>
注意事项:
  1、对象相等行判断,使用 === 而不是 == ,js 引擎执行两个相等符号时,会自动进行类型转换。比较 "1"==1  与 "1"===1 即可知道结果
  2、以上代码需要引用 jQuery 库。本人out了,最近才知道该库的强大
  3、学会使用 $, .find(), .attr 的使用
  4、使用替代品 obj.get(0).selectedIndex = i; 时,没有完全理解其意思,obj.get(0) 获得的是什么东东,为何它有 selectedIndex 属性呢?

 

目录
相关文章
|
29天前
|
JSON JavaScript 数据格式
jqtimeline.js-简单又好用的jquery时间轴插件
jqtimeline.js-简单又好用的jquery时间轴插件
|
3月前
|
JavaScript 算法 安全
深度剖析:共享文件怎么设置密码和权限的 Node.js 进阶算法
在数字化时代,共享文件的安全性至关重要。本文聚焦Node.js环境,介绍如何通过JavaScript对象字面量构建数据结构管理文件安全信息,包括使用`bcryptjs`库加密密码和权限校验算法,确保高效且安全的文件共享。通过实例代码展示加密与权限验证过程,帮助各行业实现严格的信息资产管理与协作。
|
5月前
|
JavaScript 前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术,无需游戏框架支持。通过下载项目文件至本地,双击index.html即可启动贪吃蛇游戏。游戏界面简洁,支持方向键控制蛇移动,空格键实现游戏暂停与恢复功能。
114 14
|
5月前
|
JavaScript 前端开发 容器
jQuery多功能滑块插件r-slider.js
r-slider.js是一款jQuery多功能滑块插件。使用该插件,可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。
89 5
|
5月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
1171 4
|
5月前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
71 0
|
6月前
|
JavaScript 前端开发 API
深入了解jQuery:快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery:快速、高效的JavaScript库
66 0
|
JavaScript
jQuery多级联动美化版Select下拉框
在线演示 本地下载
1289 0
|
JavaScript 索引
jQuery操作select下拉框的text值和value值的方法
1、jquery获取当前选中select的text值 $("#select1").find("option:selected").text(); 2、jquery获取当前选中select的value值 $("#select1").
1186 0
|
JavaScript 前端开发
jquery获取select下拉框的前一个,后一个,第一个,最后一个option对象
$("select option:selected").next(); a b c $(function() { $("select").
1158 0