1. <select id="mySelect">
    2. <option value="price">低价优先</option>
    3. <option value="distance">距离优先</option>
    4. </select>
    5. <script>
    6. var arr=[
    7. {name:"肯德基",price:100,distance:100},
    8. {name:"必胜客",price:200,distance:500},
    9. {name:"华莱士",price:50,distance:1000},
    10. ]
    11. var mySelect = document.getElementById("mySelect");
    12. // onchange 输入框变化时触发事件
    13. mySelect.onchange = function(){
    14. console.log(this.value);
    15. var value = this.value;
    16. arr.sort(function(a,b){
    17. return a[value]-b[value];
    18. })
    19. console.log(arr)
    20. }
    21. </script>