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

 

 

 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>

 

posted @ 2017-08-08 11:18  戈博折刀  阅读(2657)  评论(0)    收藏  举报