jQuery select 获取值/设置选中

教程分享 > WEB技术 (7895) 2024-07-30 09:55:09
 

jQuery select 获取值

$title(方法一:)
let val=$('#selectId').val(); //获取选中值
$title(方法二:)
let val=$('#selectId').find('option[selected='selected']').attr('value'); //获取选中值

let val=$('#selectId').find('option:selected').attr('value'); //获取选中值

获取文本text

let val=$('#selectId').find('option:selected').text(); //获取选中值

 

jQuery select 设置默认选中

$title(方法一:)
$('#selectId').val('your value');

 

$title(方法二:)
$('#selectId').find('option[value='+your value+']').attr('selected','selected'); 

 
根据text文本选中

$('#selectId').find('option:contains('+your text+')').attr('selected','selected'); 

注意上面的文本选中需要注意A项目包含B的会出现问题,例如

选中文本为 重庆
如果下拉框有 重庆 重庆市则可能根据顺序选第一个
 

jQuery触发 select change事件

$('#selectId').trigger('change');

 

https://www.leftso.com/article/745.html

相关文章
jQuery select 获取值$title(方法一:) let val=$('#selectId').val(); //获取选中值 $title(方法二:) let val=$('#se...
jQuery checkbox获取选中状态let check=$(this).is(':checked') console.log(check); // true /false注意通过form...
Jquery 对form表单对象直接使用reset()方法是无法生效得,而且可能报错没有reset()这个方法
问题描述JQuery_ajax formData 上传文件报错:Uncaught TypeError: Illegal invocationJquery 版本2.1.4$.ajax({ t...
jQuery 判断某个元素是否在可见区域内这个功能是经常在用的, 但自己没有注意过总结, 下面就总结在这里. 希望对自己和有需要的朋友有帮助!我采用一个题目的形式, 帮助自己记忆.题目:  假定...
jquery方式input radio根据值选中元素$(currentForm).find('input:radio[name=specifyColorTag][value="0"]').pro...
依赖说明tabler icons 3.11.0 (基于webfont模式实现)fontIconPicker 3.1.1jquery 3.6.0 实现效果打开选择
js/jQuery获取textarea的光标位置实现光标位置插入内容
jquery插件Viewer.js是一个强大的图片查看工具,Viewer也提供了一个纯js版本的工具,图片查看,Viewer.js,Viewer
​1.假设初始化的chosen如下$('#chosenId').chosen({ width: '98%',//其他参数参考官网设置 }); 2....
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, succ...
[JAVA]_图文详解CKeditor4.4.X版本添加程序代码高亮插件codesnippet,ckeditor
清空input 类型为file的文件选择常见的方法分两类一. javascript 方式清空file选择首先获取dom元素filevar file=document.getElementById...
​Bootstrap TableBootstrap Table 多选以及获取多选值实现本文主要讲解在bootstrap table组建使用过程中,配置多选和获取多选选中的值