详解JS onchange事件在下拉框中的使用

本文给大家介绍js onchange 事件在下拉框中的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。

<!DOCTYPE html> <html>  <head>   <meta charset="UTF-8">   <title></title>   <script type="text/javascript" src="js/jquery-1.4.js" ></script>  </head>  <body>        <!--onchange 事件会在域的内容改变时发生。         onchange 事件也可用于单选框与复选框,下拉框改变后触发的事件。-->   <select id="sxbh" onchange="xzsx();">      <option value="1">下拉1</option>      <option value="2">下拉2</option>      <option value="3">下拉3</option>      </select>        <script>    function xzsx(){     console.log("xzsx函数被调用了");     var sxbh = document.getElementById("sxbh").value;     console.log(sxbh)          //我们拿到sxbh值后,可以做其他;逻辑处理,或者带上参数发送ajax //       jQuery.ajax({ //    url: "/",  //    async: false, //    type: "POST", //    data: {SXBH:sxbh}, //    success: function(data){ //     xzsxList = JSON.parse(data); //     leftList = JSON.parse(data); //    } //   });   };       </script>  </body> </html>

商匡云商
Logo
注册新帐户
对比商品
  • 合计 (0)
对比
0
购物车