请补全JavaScript代码，要求根据下拉框选中的条件变换重新渲染列表中展示的商品，且只展示符合条件的商品。
注意：
1. 必须使用DOM0级标准事件（onchange）
2. 建议使用ES6的filter方法
[编程题]数组过滤
21_数组过滤
本题考点：onchange事件、过滤
根据题目要求，实现一个价格过滤选择框，当选择价格范围的时候，ul列表中的内容会根据选择的价格重新渲染，核心步骤有：
创建重渲染函数，每"select"节点的onchange事件触发时，会调用该函数重新渲染ul列表中的内容
给"select"节点
展开全文
<!DOCTYPE html>
<html lang="en">
<head>
<meta&n
展开全文
思路：对数组使用filter方法进行过滤得到满足要求的数据，再对这些数据进行渲染即可。
<script>
var cups = [
{ type: 1, price: 100, color: 'black', sales: 60, name: '牛客logo马克杯' },
展开全文
各位大佬知道为啥用e.target.value过不了吗select.onchange = (e) => { let arr = [] // e.targe.value switch(select.sele
展开全文
我想从封装的角度完成这道题，只需给一个范围值 筛选即可。有没有更好的方法。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</hea
展开全文
{"html":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n <head>\r\n <meta charset=\"UTF-8\"
展开全文
select.onchange = function() {
ul.innerHTML = '';
switch(this.value) {
case '1':
var newArr = cups.filter((item) => {
return item.sales&l
展开全文
var cups = [
{ type: 1, price: 100, color: 'black', sales: 60, name: '牛客logo马克杯' },
{ type: 2, price: 40, color: 'blue
展开全文
问题信息
难度：
55条回答
82收藏
636浏览
通过挑战的用户
查看代码-
2023-06-29 11:54:42
-
2023-06-28 13:56:56 -
2023-06-28 13:37:44
-
2023-06-28 11:30:49
-
2023-06-27 22:23:46
相关试题
-
扫描二维码，关注牛客网
- 意见反馈
-
下载牛客APP，随时随地刷题
扫一扫，把题目装进口袋
- 求职之前，先上牛客
-
扫描二维码，进入QQ群
扫描二维码，关注牛客公众号
- 公司地址：北京市朝阳区北苑路北美国际商务中心K2座一层-北京牛客科技有限公司
- 联系方式：010-60728802 投诉举报电话：010-57596212（朝阳人力社保局）
- 牛客科技© All rights reserved admin@nowcoder.com
- 京ICP备14055008号-4 增值电信业务经营许可证 营业执照 人力资源服务许可证
-
京公网安备
11010502036488号
