龙空技术网

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

洞悉科学 205

前言:

此时各位老铁们对“aspnetajax方法”大约比较关怀,小伙伴们都想要了解一些“aspnetajax方法”的相关知识。那么小编在网摘上收集了一些关于“aspnetajax方法””的相关资讯,希望姐妹们能喜欢,兄弟们一起来学习一下吧!

一、效果

二、前端代码

<!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事件

标签: #aspnetajax方法 #jqueryhtml获取下拉框的值 #aspnet下拉列表控件输入