Zepto和jQuery获取select元素的选中值的文本

最新推荐文章于 2020-10-29 10:46:44 发布
原创 最新推荐文章于 2020-10-29 10:46:44 发布 · 415 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jQuery #Zepto #mobile web #javascript #ViewUI

本文详细对比了jQuery和Zepto在获取select元素的文本、值和索引时的不同方法，提供了两种库在实际开发中选择的依据。

jQuery和 Zepto两者获取select的方法有所不同，记录如下：

 

jQuery

 

$('#testSelect option:selected').text();//选中的文本

$('#testSelect option:selected') .val();//选中的值

$("#testSelect ").get(0).selectedIndex;//索引

 

 

 

Zepto

 

$("select[name=provience] option").not(function(){ return !this.selected }).text();

 

 

jQuery-选择器-筛选器-元素增加删除-属性样式-事件-动画-插件
weixin_57218747的博客
05-12 1524
jQuery 一 jQuery 的基础 1.1 jQuery 的版本 不同的开发版本 jquery.js 开发版（不压缩） jquery.min.js 产品版（压缩过） jquery.slim.js 简化版（去掉了动画功能和ajax功能） https://www.bootcdn.cn/ 版本号 1.x.x 兼容IE6~IE8 2.x.x 和 3.x.x 需要 IE9 以上浏览器支持 1.2 如何使用 jQuery 需要把 jQuery 文件导入到 html 中，自己写的 js 代码需要在 jQuery
Zepto.js详解【好大一篇文章】
云上
07-12 1606
Zepto.js API 中文版(1.1.6) 下载浏览器支持模块Change LogAcknowledgements Core $()$.camelCase$.contains$.each$.extend$.fn$.grep$.inArray$.isArray$.isFunction$.isPlainObject$.isWindow$.map$.parseJSON$.trim$
zepto获取select元素的选中值的文本以及值的获取
Double的博客
11-30 530
我们都以为zepto和jquery差不多，用法也差不多，所以获取select元素选择值的文本的时候，直接用了jquery的语法，实际上这样是获取不到的，会出现没有该选择器的错误，应该做如下的修改的才能选择出需要的值或者文本文字: 1.获取选中的属性值 $("select[name=provience] option").not(function(){ return !this.selected
zepto:设置select选中的问题记录---Safari浏览器兼容
MRblackLu的博客
03-30 4035
最近在做项目的过程中，遇到一个需要动态设置select选中的需求。当然，用zepto实现起来还是很方便的：$('select').find('option[value="'+key+'"]').attr('selected', true);在安卓所有浏览器跑了一把，都没啥问题，IOS上也测试了一把。就在我以为可以收工的时候，出现了一个比较奇葩的问题：Safari浏览器中，select设置选中没有生效
zepto获取select元素的选中值的文本
zvivs的专栏
03-20 4734
我们都以为zepto和jquery差不多，用法也差不多，所以获取select元素选择值的文本的时候，直接用了jquery的语法，实际上这样是获取不到的 错误： $("select[name=provience]").find("option:selected").text(); 正确： $("select[name=provience] option").not(function(){ r
zepto 获取select元素的选中option中的value，text和自定义属性
zisgood的博客
01-17 3359
例子： 123123 456456 取值方法1： 取自定义属性值 $('select option:checked').attr('zidingyi'); 取text值 $('select option:checked').text(); 取value值 $('select option:checked').val(); 取值方法2： 取自定义属
zeptojs中获取select选中的option的值
jimscx的博客
10-09 2256
第一种方法// get OPTION elements for which `selected` property is true $('option').not(function(){ return !this.selected })问题 ：$(‘option[selected]’) only finds options that have their selected attr set i
详谈表单格式化插件jquery.serializeJSON
10-19
2. **调用方法**：在jQuery或Zepto选择器上使用`.serializeJSON()`方法，例如： ```javascript var formData = $('#my-form').serializeJSON(); ``` 这将返回一个JavaScript对象，其中包含了表单中的所有数据。 ...
jQuery.serializeJSON：表单数据格式化利器
jquery.serializeJSON是基于jQuery或Zepto的一个插件，它的主要功能是将表单内的所有数据（包括input、textarea、select等元素）转化成JavaScript对象，以便于进行Ajax提交或者其他数据处理。这个插件特别适合处理...
下拉框可搜索插件Selectivity.js
06-01
`Selectivity.js`是一个功能强大且模块化的选择库，专为jQuery和zepto.js框架设计。它提供了一种高效、可自定义的方式来实现下拉框的搜索功能，使得用户在大量数据中查找选项变得更为便捷。下面将详细介绍这个插件的...
jquery.js与zepto.js 之取select选中值的小坑。
10年老码农
04-19 746
最近要做前端（PS:本人是写后端的），所以遇到了一小坑。之前听别人说zepto.js 是jquery.js的缩小版、手机版，语法差不多，但今天在取select选中的值是就遇到 无效选择器问题。如下面行1，后来找了挺久问题，以为是我的ID选择器问题，一直找。// var province=$('#province option:selected').text(); ...
zepto怎么获取select下拉选中
厚海的专栏
08-23 3520
zepto怎么获取select下拉选中
zepto框架下返回select下被选中的option
yzzane的博客
01-09 698
HTML结构: --请选择-- --请选择-- 汉族 壮族 回族 满族 苗族 藏族 傣族 维吾尔族 蒙古族 布依族 日本族 css: *{ margin: 0; padding: 0; } span{ display: inli
zepto和jquery的区别，zepto的不同使用8条小结
热门推荐
kongjiea笔记
01-08 9万+
1. Zepto 对象 不能自定义事件   例如执行： $({}).bind('cust', function(){});  结果：  TypeError: Object has no method 'addEventListener'   解决办法是创建一个脱离文档流的节点作为事件对象：   例如： $('').bind('cust', function(){}); 2. Ze
zepto 选中select option 的值
qq_43273025的博客
10-29 393
zepto 选中select option 的值 $(’#sel’).find(‘option’).not(function() {return !this.selected;}).val();
移动端使用zepto选择Select标签文本出错解决方案
独行侠梦的博客
01-12 756
前言 在移动端同时引入了jquery和zepto，选择selected文本的时候报错。 解决方案 方案一,使用jquery jQuery.noConflict() var txt = jQuery("#yourId").find("option:selected").text(); 方案二,还是使用zepto var a = $('#yourId').find("o
zepto.js 实时监听输入框
zmall博客
03-28 1万+
$('#phone').on('input', function(e) { //实时监听手机号码输入框变化 if($('#phone').val()) { //输入框内容不为空 } //输入框内容为日 }); })change
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值