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

时间：2021-03-14 06:04:08
 <!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>

相关文章