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>
-
效果：
湘公网安备 43102202000103号
