JS onchange事件在下拉框中是怎么使用的呢?
导读:关于“JS onchange事件在下拉框中是怎么使用的呢?”的知识点有一些人不是很理解,对此小编给大家总结了相关内容,文中的内容简单清晰,易于学习与理解,具有一定的参考学习价值,希望能对大家有所帮助,接下来就跟随小编一起学习一下“JS on...
关于“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>
效果:
现在大家对于JS onchange事件在下拉框中是怎么使用的呢?的内容应该都清楚了吧,希望大家阅读完这篇文章能有所收获。最后,想要了解更多JS onchange事件在下拉框中是怎么使用的呢?的知识,欢迎关注网络,网络将为大家推送更多相关知识点的文章。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: JS onchange事件在下拉框中是怎么使用的呢?
本文地址: https://pptw.com/jishu/653418.html