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>