2016/2/25 onchange 应用

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>onchange 商品变价格变</title>

 </head>

 <body>

 <select size="1" onchange="change()" id="ss">

 <option value="1" selected="selected">可口</option>

 <option value="2">百事</option>

 <option value="3">非常</option>

 </select>

 <p>价格：<label id="aa">3</label>元</p>

 </body>

 </html>

 <script>

 function change()

 {

     var s=document.getElementById("ss").value;

     var a=document.getElementById("aa")

     if(s=="1"){

         a.innerText="3"

         }

     else if(s=="2"){

         a.innerText="4"

         }

     else{

         a.innerText="5"

         }

     }

 </script>

显示效果：

巴特西

2016/2/25 onchange 应用

最新文章

热门文章