【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 属性呢?

 

目录
相关文章
|
3月前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
445 4
|
2月前
|
JavaScript 前端开发
Javascript:获取、设置复选框的勾选状态
Javascript:获取、设置复选框的勾选状态
53 1
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
20 1
|
3月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
62 2
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
33 5
|
JavaScript
jQuery多级联动美化版Select下拉框
在线演示 本地下载
1267 0
|
JavaScript 索引
jQuery操作select下拉框的text值和value值的方法
1、jquery获取当前选中select的text值 $("#select1").find("option:selected").text(); 2、jquery获取当前选中select的value值 $("#select1").
1163 0
|
JavaScript
jquery 纯JS设置select下拉框,并默认选中第一个
//html页面       //JS文件function getPayedWay(){ $.ajax({ type : "GET", url : top.
2637 0