jquery中如何获取select 下拉框默认选中的值?
- 通过id获取下拉框默认选中的值
<select class="form-control" id="numbers"><option value="1">数字1</option> <option value="2" selected>数字2</option>
</select>
$('#numbers option:selected').val() 获取到下拉框被选中的option的value值:2
$('#numbers option:selected').text() 获取到下拉框被选中的option文本内容:数字2
- 默认选中某个select值;增加selected属性
// 需求 input框失去数字,失去焦点时调用selectNumer()方法,选中与input框相同的数字
<div class="form-group"><label>输入框</label><input class="form-control" onblur="selectNumber()" id="num"><p class="help-block">输入数字,失去焦点时下拉框选中输入的数字</p>
</div>
<div class="form-control" id="numbers"> <option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4" selected>4</option><option value="5">5</option>
</div>
function selectNumber(){var num=$('#num').val() //获取input中输入的数字var numbers=$('#numbers').find('option')//类数组for(var j=1;j<numbers.length;j++){if($(numbers[j]).val()===num){ //把dom对象变成jquery对象//使用jquery对象中的方法$(numbers[j].attr('selected','selected'))}}}
jquery中如何获取select 下拉框默认选中的值?相关推荐
- php下拉默认选中的值,select下拉框默认选中
这次给大家带来select下拉框默认选中,select下拉框默认选中的注意事项有哪些,下面就是实战案例,一起来看一下. 本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和 ...
- angularjs的select 下拉框默认选中某个选项
angularjs的select 下拉框默认选中某个选项 在网上找了很多链接,试验之后都不行.比如常见的: <select class="form-control" ng-m ...
- select下拉框默认选中selected属性不起作用的解决方法 ligerui
select下拉框默认选中selected属性不起作用 浏览器-360浏览器 系统-win10 框架-ligerui 原先代码: <td align="left" class ...
- Vue实现Element UI的下拉框默认选中,值来自父组件或异步获取
子组件使用watch监听父组件传过来的值,并且赋值给子组件的data参数. 1.父组件传了一个userId属性给子组件 <Children@searchForm="searchForm ...
- jq设置select下拉框默认选中
以下#sel为select的id 单选框: 一:通过value值设置默认选中 方法一: $("#sel").val('xx');//设置value为xx的option选项为默认选中 ...
- 根据后台返回的值来select下拉框默认选中值
转载于:https://blog.51cto.com/11871779/2363444
- JavaScript获取select下拉框中的第一个值
JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...
- js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明 获取s ...
- select获取下拉框的值 下拉框默认选中
本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和文本值 例如: <select class="form-control" id=" ...
最新文章
- 图解Android Studio 2.0安装步骤
- Oracle中管理用户(创建用户,用户加锁,用户解锁,修改用户密码,授权登录权限,撤销登录权限,授权连接权限,conn命令,创建角色,并为角色赋权限,将角色赋给指定用户)
- SQL 语句还原SQL Server数据库
- java获取api接口新浪数据,新浪短网址API接口的获取以及API接口的调用文档分享...
- 系统什么时候会用到swap分区?
- 力扣110. 平衡二叉树(JavaScript)
- tensflow andaconda 方式的安装
- CCF CSP201909-2 小明种苹果(续)
- 代码质量差,啥都干不好!丨技术大牛:你的代码正在毁掉你!
- android通用adapter,Android通用ListViewAdapter的编写。
- 以太坊 事务处理流程
- 获取GeoScene Pro 90天免费试用版
- 前端播放m3u8格式视频
- php 路径解析,ThinkPHP 5 结构与路径解析
- B Bitwise Exclusive-OR Sequence
- 海大11年春第5题:编程输出[m,n]之间所有素数,m,n由键盘输入。(10分)
- 有人(甚至国家)兜底就安全了吗?瑞士央行风暴小议。
- 百度百聘企业简单信息获取
- js Arry对象思维导图
- Epson机械手简单实例编程
热门文章
- 功夫世界 mysql启动_植物大战僵尸2功夫世界卡在启动中界面问题解决方法
- 三体归零者和盘龙鸿蒙,云天明是归零者?三体人为什么不杀云天明
- cls含义及使用方法
- 硬解还是软解?手机视频播放功耗揭秘
- c语言 多线程 传话,code vs1506传话(塔尖)+tarjan图文详解
- chocolatey_开始使用开源Windows软件包管理器:Chocolatey
- 实测Windows Mobile下卡巴斯基手机安全软件表现
- 从苏宁电器到卡巴斯基第08篇:来到苏宁之前的过渡
- 音圈膜片粘合过程中UV胶的优势及注意实现
- Pandas处理csv英国降雨数据