利用jquery获取select下拉框的值
jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来。
我的下拉框是:
<div class="form-group"> <select class="form-control" id="iv_level"> <option value="">店员</option> <option value="">店长</option> </select> </div>
选择框截图:
默认是店员,一共两个值,即店员、店长
jquery获取内容采用:
var iv_level=jQuery("#iv_level option:selected").text();
效果:
以上就是本文的全部内容,希望对大家有所帮助,谢谢对我们的支持!
相关推荐
-
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
例如"报告交付方式"包含固定交付时,第二个下拉框不可编辑,反之可以编辑,具体代码如下 报告交付方式: <select class="easyui-combobox" panelHeight="auto" style="width:195px" data-options="required:true,valueField:'id',textField:'text' , onSelect:function(){ v
-
利用jquery实现下拉框的禁用与启用
话不多说,附上实例代码,仅供大家参考 禁用下拉框 //下拉框禁用 $("select").each(function () { $("#" + this.id).attr("disabled", true); }); 启用下拉框 //下拉框启用 $("select").each(function () { $("#" + this.id).removeAttr("disabled");
-
jQuery+PHP+MySQL实现无限级联下拉框效果
本文简单实现jQuery无限级联效果,分享给大家供大家参考,具体内容如下 效果图: 图1 仅下拉框 图2 层级提示+下拉框 图3 存储数据点击响应 主要包含3个文件:index.html(主页),wuxianjilian.php(数据处理),wuxianjilian.sql(MySQL数据文件) 1. index.html <html> <head> <title>无限级联</title> <meta http-equiv="Content
-
jQuery Select下拉框操作小结(推荐)
jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_
-
jQGrid动态填充select下拉框的选项值(动态填充)
本文给大家分享一段代码关于技巧jqgrid动态填充select 下拉框的选项值,非常不多说了,直接给大家贴代码了,具体代码如下所示: function gettypes(){ //动态生成select内容 var str=""; $.ajax({ type:"post", async:false, url:"checkpersontype", success:function(data){ if (data != null) { var json
-
jQuery实现下拉框左右移动(全部移动,已选移动)
用到的方法为:appendTo() 格式:$(content).appendTo(selector) appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容. click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数. 看一下具体实现的代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script
-
jquery仿QQ登录账号选择下拉框效果
QQ登录的时候,可以选择以前登录过的账户,这个东西也可以在网站登录的时候用到,所以我就想做一个这样的插件:在网上查了很多,没有找到合适自己的,所以决定自动制作一个. 原理就是一个textbox加一个ul模拟下拉框,用font模拟一个下拉按钮. 一.制作静态效果 先用css和html,做出一个应该有的样子.这里这两个我使用的是字体,可以在icomoon网站上面自己制作.用字体的好处是和输入框定位很方便,而且还可以控制大小颜色等,唯一的不足是IE6和IE7由于不支持:before选择器,导致无法显示
-
jQuery实现下拉框多选 jquery-multiselect 的实例代码
先给大家展示下效果图: 除了jquery,需要引用的样式和js文件: <link rel="stylesheet" type="text/css" href="../assets/jquery.multiselect.css" /> <link rel="stylesheet" type="text/css" href="../assets/style.css" /&g
-
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
这一段时间在学习web前端,最近学了jQuery库,深感其强大,下面通过写购物车的下拉框做法,把自己的理解和大家交流一下,欢迎各位大神指点指正,废话不多说,开始正题: 购物车html: <!-- 购物车 start --> <div class="shopping" id="shopping-box"> <a href="" id="shoptext"><i class="i
-
js和jquery分别验证单选框、复选框、下拉框
本文分别介绍了js和jQuery验证单选框(radio).多选框(checkbox).下拉框(select),分享给大家供大家参考,具体内容如下 (1).首先说单选框(radio),radio和checkbox一样都是name相同值有多个在获取 radio 值的时候我们不能按照普通文本框.value的方式,而是要判断哪个被选中了. js验证是要用getElementsByName()获取数组 js代码如下: <script> function test(){ var sex = documen
-
jQuery插件实现可输入和自动匹配的下拉框
实现可输入+带自动匹配功能的下拉框,我试过以下几种方法: 1.直接使用h5的新标签<datalist>,对应demo如下: <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option val
-
基于jquery实现下拉框美化特效
平常我们用的原生select下拉框,大部分样式没办法修改,导致在不同的浏览器里面会跟设计图的风格大相径庭.所以为了能让它美化起来,就用JQ模拟了一个下拉框,可以随意定义样式.原生的下拉框也保留在div里面隐藏着,方便后台开发人员对其进行操作. 效果图如下: HTML代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <ti
-
基于jQuery的select下拉框选择触发事件实例分析
本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法.分享给大家供大家参考,具体如下: 我一直以来都认为,select 下拉框选择对选项 options 使用 onclick 注册事件即可,如下: <select> <option value="0" onclick="func(0)">选项一</option> <option value="1" onclick="func(1
随机推荐
- Angular限制input框输入金额(是小数的话只保留两位小数点)
- Golang学习笔记(五):函数
- SQL Server 2008中的代码安全(三) 通过PassPhrase加密
- 基于bootstrap实现多个下拉框同时搜索功能
- javaweb servlet中使用请求转发乱码的实现
- JavaScript中无法通过div.style.left获取值的解决方法
- 无数据库的详细域名查询程序PHP版(5)
- php切割页面div内容的实现代码分享
- Yii2实现自定义独立验证器的方法
- JavaScript中的函数嵌套使用
- Javascript表单特效之十大常用原理性样例代码大总结
- PHP模拟asp中response类实现方法
- MongoDB的PHP驱动方法与技巧
- jquery中toggle函数交替使用问题
- 用JQuery 判断某个属性是否存在hasAttr的解决方法
- 理解Java垃圾回收
- Android自定义View实现游戏摇杆键盘的方法示例
- 深入分析Android系统中SparseArray的源码
- C#中数组初始化、反转和排序用法实例
- 基于重启后消失的注册表键值的详细介绍