码迷,mamicode.com
首页 > 其他好文 > 详细

修改select下拉选的默认选中值

时间:2017-08-08 12:39:50      阅读:303      评论:0      收藏:0      [点我收藏+]

标签:span   定义   selected   代码   logs   弹出框   var   默认值   doctype   

 

 

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" />
 5         <title></title>
 6     </head>
 7     <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
 8     <body>
 9         <div id="d1">
10             哈哈
11         </div>
12         <!--<select name="s" id="s" value="2">
13             <option value="1">1a</option>
14             <option value="2">2a</option>
15             <option value="3">3a</option>
16         </select>-->
17         <input type="button" name="" id="b" onclick="butClick()" />
18     </body>
19     <script>
20         
21         function butClick(){
22             alert(11)
23             $("#d1").append("<div id=‘d2‘>嘿嘿    </div>");
24             
25             $("#d2").append(<select name="s" id="s" value="2">+
26                 <option value="a">1a</option>+
27                 <option value="b">2a</option>+
28                 <option value="c">3a</option>+
29             </select>);
30             
31             var t = "b";
32             $("#s").val(t);//修改select默认选中值(当前显示选中值)
33             /*这样就可以动态修改select的默认选项了*/
34             
35 /*
36  动态添加的标签是可以直接在添加时、或者添加后用js方法改select默认值的。
37  但是要注意的是 如果是  弹出框 中的动态拼接出的select,用js修改默认显示选中值时,
38  一定要 在弹出窗口的代码执行后再写修改选项的就是,这样修改选中值的js代码在页面上才会生效。
39  否则 先写修改选项的js,再执行弹出窗口代码,会造成先写得js代码没有效果。
40  */
41         }
42         
43         $(function(){
44             /*下面这样也可以动态修改select的默认选项*/
45 //            $(‘#s‘).find(‘option‘).eq(1).attr("selected","selected")
46 //            $("#s").val(3);
47             var j=5;
48             var obj={};//定义对象
49             /*obj.a=1;
50             obj.b=2;*/
51             obj["a"]=1; //给对象赋值,增加键值对
52             obj["b"]=2;    /*如果键是直接的字符串,存入时要加上双引号*/
53             obj[j]=7;     /*如果键是变量,可以直接写变量【不带双引号的是变量】*/
54 //            alert(obj);
55 //            alert(JSON.stringify(obj));
56         });
57         
58     </script>
59 </html>

 

修改select下拉选的默认选中值

标签:span   定义   selected   代码   logs   弹出框   var   默认值   doctype   

原文地址:http://www.cnblogs.com/libin6505/p/7305909.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!