下拉框选择selected
var id=$("#orderId").children('option:selected').val();  //selected选中项取值
 var id=$('#orderId option:selected').val(); 
//原来一直都是上边的方法取值,今天刚了解到的,只要下拉框被选中后,
//option的值会赋给select,name这个方法就会拿到下拉框的值
$('#sel').val();
动态设置select的值
<select id="sel">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
一个简单的select,动态设置这个select的默认选项。使用jquery的方式,首先需要引入js库
然后就是代码:
 $("#sel option").each(function(index,ele){
     // index是这个找到的selet的option的下表,从0开始
     // ele是获得的这个option的元素
     // 使用的时候可以$(ele)就找到这个option元素了,然后就是设置
     // $(ele).attr("selected",true);   
     如果是layui那么需要从新渲染http://www.layui.com/doc/modules/form.html#render
}
这里遇到一个问题,就是 $("#sel option")[3]
会输出 <option value="audi">Audi</option>
如果我们选择的option输出的是这样的,这样子是设置,不管用的,这个只是拿到了我们要的option的内容,我们需要的是这个option的对象,
那么需要再给他包一层 $($("#sel option")[3]).attr("selected",true); 这样子也可以设置
下拉框选择selected的更多相关文章
- select下拉框选择触发事件
		我一直以来都认为,select 下拉框选择对选项 options 使用 onclick 注册事件即可,如下: <select> <option value="0" ... 
- PHP下拉框选择的实现方法
		实现 第一种PHP下拉框实现方法: < ?php //提交下拉框; //直接饱触发onchange事件的结果 $id=$_GET['myselect']; // myselect 为locati ... 
- 前端下拉框选择和动态生成调用div
		进入到一个项目期中,一边做项目,一边学习其中用到的知识.这些知识都是零碎的,有数据库,有html,有js,还有django.趁周末时间,整理前面遇到过的前端相关的知识点. 下拉框选择 <html ... 
- 将select的默认小三角替换成别的图片,且实现点击图片出现下拉框选择option
		最近做项目,要求修改select下拉框的默认三角样式,因为它在不同浏览器的样式不同且有点丑,找找网上也没什么详细修改方法,我就总结一下自己的吧. 目标是做成下图效果: 图一:将默认小三角换成红圈的三角 ... 
- Python+selenium之获取文本值和下拉框选择数据
		Python+selenium之获取文本值和下拉框选择数据 一.结合实例进行描述 1. 实例如下所示: #新增标签操作 def func_labels(self): self.driver.find_ ... 
- jquery根据下拉框选择的值显示输入框
		原理就是根据下拉框选择的值来控制显示那个输入框: html代码: 首先定义一个下拉框,$serviceTypeList就是后台传过来的所有属性, <div class="uk-form ... 
- Selenium 3----警告框处理+下拉框选择
		警告框处理 在WebDriver中处理JavaScript所生成的alert.confirm以及prompt十分简单,具体做法是使用 switch_to.alert 方法定位到 alert/confi ... 
- 下拉框选择blur与click冲突问题
		缘由:今天在做下拉框选择时,遇到click和blur冲突问题:具体现象如下 1.intput框获取焦点(focus事件)时显示隐藏的下拉框,失去焦点(blur事件)则隐藏下拉框 2.点击选择(clic ... 
- js下拉框选择图片
		二种方式:下拉框里面选项有图片与没有图片 1.用下拉框写 下拉框的option没法添加图片如果下拉框里面不需要图片可以用这种方式. <!DOCTYPE html> <html> ... 
随机推荐
- AngularJs 学习笔记(四)服务
			模型是指$scope上保存的包含瞬时状态数据的JavaScript对象. 服务是一个单例对象,只会被$injector实例化一次,并且是在需要的时候才会被创建,服务提供了把与特定功能相关联的方法集中在 ... 
- Mybatis 系列1
			第一篇教程, 就先简单地写个demo, 一起来认识一下mybatis吧. 为了方便,我使用了maven, 至于maven怎么使用, 我就不做介绍了.没用过maven的, 也不影响阅读. 一.Mybat ... 
- postgresql to_char 问题
			select create_time from xxx; select to_char(create_time,'yyyy-MM-dd HH24:mm:ss') as create_time fr ... 
- subclipse下svn: E200015: authentication cancelled问题的解决
			今天要把新建的一个项目要share到一个Ubuntu下SVN服务上,总是让我不断的重复输入密码,实在是太要命了,点取消就报错如标题,Google了一下,最后在后面参考那篇帖子的启发下,到SVN配置里面 ... 
- 第一章 python介绍、变量、数据类型、流程控制语句等
			一.python介绍 1.python的诞生 python是一种面向对象的解释型计算机程序设计语言,由荷兰人Guido van Rossum(龟叔)于1989年发明,第一个公开发行版发行于1991年. ... 
- OSG嵌入QT(QT界面使用Qt Designer编辑)
			本文主要内容:使用Qt Designer编辑好QT界面后,将OSG中的ViewerWidget嵌入到QT的Widget中. 在VS中嵌入QT工具,建立QT GUIApplication后,打开自动生成 ... 
- 给你的网页添加一个随机的BGM
			大晚上的,突然想到,我这么喜欢听歌的人,博客里怎么能少了BGM呢,说干就干. 首先,给博客侧边栏加一个空div:<div id="music"></div> ... 
- 安装vmware tool时出错
			背景: 我想要在win10系统和vmware的ubuntu之间实现磁盘共享,从而实现文件共享.百度到可以通过安装vmware tools实现,所以着手安装vmware tools 问题: 安装vmwa ... 
- 记一次webpack打包优化
			未进行打包优化的痛点: 随着项目的不断扩大,引入的第三方库会越来越多,我们每次build的时候会对所有的文件进行打包,耗时必定很长,不利于日常开发. 解决思路: 第三方库我们只是引入到项目里来,一般不 ... 
- Java并发之CountDownLatch工具类
			一.CountDownLatch工具类介绍 CountDownLatch类是Java并发工具常用的四大工具之一,CountDownLatch允许一个或者多个线程等待其他线程完成工作.假设我们有这样的一 ... 
