我们在购买商品的时候会出现下拉框供我们选择商品的类型或者想要便宜一点的商品，我们对商品进行排序等；那么如何实现呢？我在写项目的时候遇到了这个功能，我给大家讲一下我的实现思路。

首先，我们先先写一个select框，设置框内的option的value值，并且给select框绑定onchange事件，每次触发一次事件之后都会进行判断。判断当前点击的option的value值是否等于我们设置的value值，相等就通过sort方法对数据进行排序渲染数据。

<select name="" id="box" onchange="fn()"><option value="1">你好</option><option value="2">呵呵</option>
</select>

function fn(){let box = document.getElementById("box").value;if (box == 1) {console.log(11111);}else{console.log(22222);}
}

 这只是我写的简单的实例，用打印来代替渲染数据了。