修改select下拉选的默认选中值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<script type="text/javascript" src="js/jquery-1.8.0.js"></script>
<body>
<div id="d1">
哈哈
</div>
<!--<select name="s" id="s" value="2">
<option value="1">1a</option>
<option value="2">2a</option>
<option value="3">3a</option>
</select>-->
<input type="button" name="" id="b" onclick="butClick()" />
</body>
<script> function butClick(){
alert(11)
$("#d1").append("<div id='d2'>嘿嘿 </div>"); $("#d2").append('<select name="s" id="s" value="2">'+
'<option value="a">1a</option>'+
'<option value="b">2a</option>'+
'<option value="c">3a</option>'+
'</select>'); var t = "b";
$("#s").val(t);//修改select默认选中值（当前显示选中值）
/*这样就可以动态修改select的默认选项了*/ /*
动态添加的标签是可以直接在添加时、或者添加后用js方法改select默认值的。
但是要注意的是 如果是 弹出框 中的动态拼接出的select，用js修改默认显示选中值时，
一定要 在弹出窗口的代码执行后再写修改选项的就是，这样修改选中值的js代码在页面上才会生效。
否则 先写修改选项的js，再执行弹出窗口代码，会造成先写得js代码没有效果。
*/
} $(function(){
/*下面这样也可以动态修改select的默认选项*/
// $('#s').find('option').eq(1).attr("selected","selected")
// $("#s").val(3);
var j=5;
var obj={};//定义对象
/*obj.a=1;
obj.b=2;*/
obj["a"]=1; //给对象赋值，增加键值对
obj["b"]=2; /*如果键是直接的字符串，存入时要加上双引号*/
obj[j]=7; /*如果键是变量，可以直接写变量【不带双引号的是变量】*/
// alert(obj);
// alert(JSON.stringify(obj));
}); </script>
</html>
修改select下拉选的默认选中值的更多相关文章
- vue select下拉框绑定默认值
vue select下拉框绑定默认值: 首先option要加value值,以便v-model可以获取到对应选择的值 一.当没有绑定v-model,直接给对应的option加selected属性 二.当 ...
- select下拉选框的默认值，包括每次进入页面的默认值
下拉选: <select onchange="selectTotal(this.value)" style="width: 50px;"> ...
- select下拉框之默认选项清空
最近和小伙伴发现,select默认选项一般是提示信息,怎么才能让当我们点击下拉框时,可选的选项中没有默认的提示信息呢? 思路: 1.当点击下拉框时,让默认提示信息,即下拉框第一个选项移除. 2.当没有 ...
- 【java+selenium3】select 下拉选 (八)
一.select 下拉框 1.下拉选的处理类:Select 如果页面元素是一个下拉框,我们可以将此web元素封装成Select对象. Select select = new Select(WebEle ...
- 修改select下拉框的下拉按钮
ie上的下拉框下拉按钮真是太丑了,如何把他自定义一下呢? 首先,把浏览器自带的下拉框去掉: select::-ms-expand { display: none; } 接下来,用自己喜欢的下拉图片去 ...
- 4种方法获取select下拉框标签中的值
选中下拉框中“上海” 代码如下:<select id="province" class="select" name="province" ...
- 使用mobile jQuery 动态给select下拉添加数据，选中项默认不显示的解决方法。
getaddress(); function getaddress(type=0,parent='') { var tid=1; $.ajax({ type: "post", ur ...
- ul 加 li 实现 select 下拉选功能
由于 select 没有选中事件(onchange 事件在内容改变时才会触发,选择同一个条目不会触发),只好用其他控件来实现. <!doctype html> <html lang= ...
- jquery获取当前select下拉选的属性值
body中: <li> <select id="select_phone"></select> <input type="but ...
随机推荐
- 数组-在Shell脚本中的基本使用介绍
Shell脚本在运维工作中是极其重要的,而数组在shell脚本里的运用无论是在循环或运算方面都是非常实用的一个环节.下面是对shell脚本中数组方面一些操作在此进行记录,希望能帮助到有兴趣的朋友~1. ...
- sublime text3 安装package control 出现问题解决过程记录
1.安装package control 失败 通过最简单的自动安装 package control 失败(详见package control官网). 报错展示: File "./python ...
- BUAAMOOC项目M2 postmortem
设想和目标 1.我们的软件要解决什么问题?是否定义的很清楚?是否对典型用户和典型场景有清晰的描述? 我们的软件是基于北航MOOC网站做的Android手机客户端,用于便捷的在学校里通过手机做到随时随地 ...
- Linux内核分析作业 NO.7
可执行程序的装载 于佳心 原创作品转载请注明出处 <Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 实 ...
- 我的github地址 https://github.com/1010de/Test.git
构建之法老师叫交下任务学习github,经过一段时间的学习和了解,看介绍.看视频.看博客.初步认识到github的方便与好处. 自己试着去注册和使用github,已经慢慢学会了一些基本操作. ...
- 基于SSH实现员工管理系统之框架整合篇
本篇文章来源于:https://blog.csdn.net/zhang_ling_yun/article/details/77803178 以下内容来自慕课网的课程:基于SSH实现员工管理系统之框架整 ...
- Spring Cloud集成EDAS（替代Eureka）
https://help.aliyun.com/document_detail/72618.html?spm=5176.7946893.821398.spring-cloud.603123beXemW ...
- Undertow的InMemorySessionManager
https://github.com/undertow-io/undertow/blob/master/core/src/main/java/io/undertow/server/session/In ...
- Java 修饰符顺序问题
What is a reasonable order of Java modifiers (abstract, final, public, static, etc.)? http://stackov ...
- TCP 三次握手理解和过程
1:TCP为什么要三次握手,不是两次四次? 2:TCP协议三次握手过程分析