jquery遍历select的option项目

157

1. 使用 each() 方法遍历

each() 方法是 jQuery 中用于遍历元素集合的常用方法,通过它可以逐个访问 select 元素里的 option 元素。

 $('#mySelect option').each(function () {

                var value = $(this).val();

                var text = $(this).text();

                console.log('值: ' + value + ', 文本: ' + text);

            });

$('#mySelect option'):选取 id 为 mySelect 的 select 元素内的所有 option 元素。

each():对选取的 option 元素集合进行遍历。

$(this).val():获取当前 option 元素的 value 属性值。

$(this).text():获取当前 option 元素的文本内容。


2. 使用 for 循环遍历

除了 each() 方法,也可以使用传统的 for 循环来遍历 select 元素的 option 元素。

var select = $('#mySelect')[0];

            for (var i = 0; i < select.options.length; i++) {

                var option = select.options[i];

                var value = option.value;

                var text = option.text;

                console.log('值: ' + value + ', 文本: ' + text);

            }

$('#mySelect')[0]:获取 id 为 mySelect 的 select 元素的原生 DOM 对象。

select.options:获取 select 元素的所有 option 元素集合。

for 循环:对 option 元素集合进行遍历,通过 option.value 和 option.text 分别获取 option 元素的 value 属性值和文本内容。


php求两个数组的差集

要计算两个数组的差集,即找出在第一个数组中存在但在第二个数组中不存在的元素。...

无人货架批量大规模上架商品解决方案

架构设计之初未考虑到业务需要批量上架商品,几万个逐一生成货架商品需要耗费大量人力,而货架商品的结构数量都一样。...

物业小区无人销售智能货架方案

小区无人值守货架销售的建设方案,从三个方面阐述货架集成建设,投入使用,系统管理。...

厨余收运管理系统迭代开发,回收系统优化升级

完成基础数据开发,试运行一段时间后,在数据沉淀的基础上对数据进行挖掘,对业务处理进行优化升级。...

餐厨油脂再生资源收运回收管理系统方案

通过互联网+改变餐厨收运回收传统工作方式,移动手机助力系统提供工作效率、’管理效率,数据电子化打造收运大数据建设。...

医馆诊所管理系统

实现中医馆中诊所,理疗的业务处理,分为小程序用户端,医生端,管理端,PC管理端,PC服务台,PC医生端...

thinkphp8安装VIEW,多应用,验证码

官方THKPHP8默认只有单应用一个控制器,其他插件可按需安装,通常需要VIEW和多应用...

sqlserver中的nvarchar和varchar的区别

数据库表中nvarchar和varchar都可以用来表示字符的存储类型。...

微信接口开发返回码一览表

返回错误码对照表...

高德地图mark按类型批次显示不同的颜色

大量数据点显示在地图上,通常使用海量点的API展示,通过建立多个海量点达到按分类显示不同颜色的mark,看起来更直观...

0.090482s