龙空技术网

jquery动态添加下拉列表值并获取其值

洞悉科学 352

前言:

眼前兄弟们对“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如何选中下拉