84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
我想通过一组下拉菜单，然后取选择其中的一个的时候，根绝选择的列表标题筛选出符合条件的列表，展示在下面的页面中，请问代码怎么实现
$('select').change(function(){//监控select的change事件 var dom = document.getElementById('id'), data = dom.options[dom.selectedIndex].value;//选中的option的value； ajax({}); });
大概有如下几个步骤：
获取到选中下拉菜单的值(ID/标题，一般情况下会获取ID，到后台根据这个ID到数据库获取对应的数据)
发送到后端
后端根据前端发送的参数取值，查询数据库，然后组装成你想要的格式类型，返回给前端
前端实行html操作（内容更新）
代码实现如下(用的jQuery)
大概分三步：
1、ajax请求后端接口，接口返回数据。（一般返回json） 2、ajax在回调函数里面，解析数据。 3、把数据写到页面，看你情况用html还是append
好宽泛的问题；先了解以下“js模板”把；
$("select").onchange(function(){ console.log($(this).val());//这里的this.val 就是当前选中的option的val 根据这个val 进行逻辑判断 })
建议再log 那里在写一个函数传value 过去进行逻辑操作
楼上回答的都很好，无非是javascript的onchange事件
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
大概有如下几个步骤：
获取到选中下拉菜单的值(ID/标题，一般情况下会获取ID，到后台根据这个ID到数据库获取对应的数据)
发送到后端
后端根据前端发送的参数取值，查询数据库，然后组装成你想要的格式类型，返回给前端
前端实行html操作（内容更新）
代码实现如下(用的jQuery)
大概分三步：
好宽泛的问题；先了解以下“js模板”把；
建议再log 那里在写一个函数传value 过去进行逻辑操作
楼上回答的都很好，无非是javascript的onchange事件