jQuery select 获取值/设置选中

位置:首页>文章>详情   分类: 教程分享 > WEB基础   阅读(3622)   2023-03-28 11:29:14
jquery select

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=$('#sele...
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({ ty...
jQuery 判断某个元素是否在可见区域内这个功能是经常在用的, 但自己没有注意过总结, 下面就总结在这里. 希望对自己和有需要的朋友有帮助!我采用一个题目的形式, 帮助自己记忆.题目:  假定...
jquery方式input radio根据值选中元素$(currentForm).find('input:radio[name=specifyColorTag][value="0"]').pro...
​1.假设初始化的chosen如下$('#chosenId').chosen({ width: '98%',//其他参数参考官网设置 }); 2.设置...
清空input 类型为file的文件选择常见的方法分两类一. javascript 方式清空file选择首先获取dom元素filevar file=document.getElementById...
​Bootstrap TableBootstrap Table 多选以及获取多选值实现本文主要讲解在bootstrap table组建使用过程中,配置多选和获取多选选中的值
问题描述最近一个项目遇到Bootstrap Table pageList 配置不生效,配置多个选项后无法还是无法弹出选择