前言:
眼前兄弟们对“ajax三级联动下拉框”大体比较珍视,大家都想要了解一些“ajax三级联动下拉框”的相关资讯。那么小编在网摘上收集了一些有关“ajax三级联动下拉框””的相关知识,希望小伙伴们能喜欢,咱们一起来学习一下吧!一、效果
二、前端代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src=";></script></head><body> <form> <select id="liebiao"> <option value="">请选择</option> </select> </form></body><script type="text/javascript"> $(document).ready(function() { for (let i = 0; i < 10; i++) { $("#liebiao").append(new Option('文本' + i, '值' + i)); }; $("#liebiao").change(function() { console.log($("#liebiao").val()); }); });</script></html>
注意:
1.new Option接受两个参数:文本(text)和值(value)
2.select 下拉列表change事件
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #ajax三级联动下拉框 #jquery拿到id值 #jquery如何选中下拉