select获取下拉框的值下拉框默认选中方法

更新时间：2018年02月28日 10:31:46 作者：wh09091

下面小编就为大家分享一篇select获取下拉框的值下拉框默认选中方法，具有很好的参考价值，希望对的有所帮助。一起跟随小编过来看看吧

本文主要介绍select下拉框的相关方法。

1、通过id获取下拉框的value和文本值

例如：

<select class="form-control" id="numbers">
      <option value="1">数字1</option>
      <option value="2" selected>数字2</option>
</select>
$("#numbers option:selected").val(); 获取到下拉框被选中的optionde value值：2；
$("#numbers option:selected").text(); 获取到下拉框被选中的optionde 文本内容：数字2；

2、默认选中某个select值：增加selected属性

input框中输入数字，失去焦点时调用selectNumber()方法，选中与input框中相同的数字

function selectNumber(){
var num = $("#num").val(); //获取input中输入的数字
var numbers = $("#numbers").find("option"); //获取select下拉框的所有值
for (var j = 1; j < numbers.length; j++) {
if ($(numbers[j]).val() == num) {
$(numbers[j]).attr("selected", "selected");
}
} 
}

以上这篇select获取下拉框的值下拉框默认选中方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

如何使用HTML5地理位置定位功能
用相对简单的JavaScript代码，可以创建出能确定用户地理位置详细信息的Web应用，包括经纬度以及海拔等。一些Web应用甚至能通过监控用户位置随时间的移动来提供导航功能，其中还综合了GoogleMaps API这样的地图系统。
2015-04-04
jQuery实现对网页节点的增删改查功能示例
这篇文章主要介绍了jQuery实现对网页节点的增删改查功能,涉及jQuery针对网页DOM节点的获取、属性修改等相关操作技巧,需要的朋友可以参考下
2017-09-09
jquery实现点击消失的代码
这篇文章主要介绍了jquery如何实现点击消失,需要的朋友可以参考下
2014-03-03
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
这篇文章主要介绍了jQuery实现单击弹出Div层窗口效果,具有可关闭可拖动的功能,涉及jQuery响应鼠标事件动态变换页面元素样式的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09
Jquery下attr和removeAttr的使用方法
jquery提供一种操作DOM元素属性的方法: attr(修改和增加DOM元素的属性) 和 removeAttr(移除属性)。
2010-12-12
使用jQuery和PHP实现类似360功能开关效果
本文介绍了使用jQuery、PHP和MySQL实现类似360安全卫士防火墙开启关闭的开关，可以将此功能应用在产品功能的开启和关闭功能上,需要的朋友可以参考下
2014-02-02
jQuery实现tab标签自动切换的方法
这篇文章主要介绍了jQuery实现tab标签自动切换的方法,实例分析了jQuery操作tab标签的技巧,涉及addClass、siblings及removeClass链式操作的技巧,需要的朋友可以参考下
2015-02-02
jQuery使用技巧简单汇总
本文将详细介绍下jQuery对象作为数组处理、创建一个空的jQuery对象、selector属性、选择随机元素，感兴趣的朋友可以参考下哈
2013-04-04
Jquery zTree 树控件异步加载操作
这篇文章主要介绍了Jquery zTree 树控件异步加载操作，学习Jquery zTree异步加载，zTree实现一套能完成大部分常用功能的 Tree插件，感兴趣的小伙伴们可以参考一下
2016-02-02
jQuery实现贪吃蛇小游戏（附源码下载）
网上关于JS实现贪吃蛇的文章有很多，最近闲来无事，想着利用jQury来实现贪吃蛇小游戏，下面实现这篇文章主要介绍了利用jQuery实现贪吃蛇小游戏的方法，文中给出的是吸纳思路和示例代码，需要的朋友可以参考下。
2017-03-03