还差两行代码，谁帮我完善下

<!DOCTYPE html>

第五章
 function Phone(desc,price,sale,pic){ this.desc=desc; this.price=price; this.sale=sale; this.pic=pic; } var Phones=new Array(); Phones[0]=new Phone("移动GSM智能手机",2100.00,0,"p1.jpg"); Phones[1]=new Phone("电信4G手机",1900.00,1,"p2.jpg"); Phones[2]=new Phone("全网通手机钛金属机身",4999.00,2,"p3.jpg"); Phones[3]=new Phone("电信4G手机黑色金边",2200.00,1,"p4.jpg"); Phones[4]=new Phone("移动GSM S系列手机",1680.00,5,"p5.jpg"); Phones[5]=new Phone("联通经典高端商务手机",2080.00,10,"p6.jpg"); Phones[6]=new Phone("联通4G W系列手机",1780.00,13,"p7.jpg"); Phones[7]=new Phone("联通4G 经典手机",1280.00,27,"p8.jpg"); function showPhones(){ var divPro=document.getElementById("show"); divPro.innerHTML=""; for(var i in Phones){ var dlObj=document.createElement("dl"); var content="<dt><img src='"+Phones[i]["pic"]+"'></dt>"; content+="<dd>$"+Phones[i]["price"]+"销量："+Phones[i]["sale"]+"</dd>"; content+="<dd>"+Phones[i]["desc"]+"</dd>"; dlObj.innerHTML=content; dlObj.className="eachPro"; divPro.appendChild(dlObj); } } function sortByPrice(){ for(var i=0;i<Phones.length;i++){ for(var j=0;j<Phones.length-1-i;j++){ if(Phones[j]["price"]>Phones[j+1]["price"]){ var temp=Phones[j]; Phones[j]=Phones[j+1]; Phones[j+1]=temp; } } } } function sortBySale(){ for(var i=0;i<Phones.length;i++){ for(var j=0;j<Phones.length-1-i;j++){ if(Phones[j]["sale"]>Phones[j+1]["sale"]){ var temp=Phones[j]; Phones[j]=Phones[j+1]; Phones[j+1]=temp; } } } } function sortPro(){ var selValue=document.getElementById("sort").value; if(selValue==1){ //按照价格排序数组 <pre><code> } else if(selValue==2){ //按照销量排序数组 } //显示数组中保存的产品对象 } </script> </head> <body onload="showPhones()" onchange="sortPro()"> <div id="product"> 排序样式： <select id="sort"> <option value="0">--请选择--</option> <option value="1">价格</option> <option value="2">销量</option> </select> <div id="show"></div> </div> </body> </code></pre> </html>

 <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第五章</title>
    <script type="text/javascript">
        function Phone(desc, price, sale, pic) {
            this.desc = desc;
            this.price = price;
            this.sale = sale;
            this.pic = pic;
        }
        var Phones = new Array();
        Phones[0] = new Phone("移动GSM智能手机", 2100.00, 0, "p1.jpg");
        Phones[1] = new Phone("电信4G手机", 1900.00, 1, "p2.jpg");
        Phones[2] = new Phone("全网通手机 钛金属机身", 4999.00, 2, "p3.jpg");
        Phones[3] = new Phone("电信4G手机 黑色金边", 2200.00, 1, "p4.jpg");
        Phones[4] = new Phone("移动GSM S系列手机", 1680.00, 5, "p5.jpg");
        Phones[5] = new Phone("联通 经典高端商务手机", 2080.00, 10, "p6.jpg");
        Phones[6] = new Phone("联通4G W系列手机", 1780.00, 13, "p7.jpg");
        Phones[7] = new Phone("联通4G 经典手机", 1280.00, 27, "p8.jpg");
        function showPhones() {
            var divPro = document.getElementById("show");
            divPro.innerHTML = "";
            for (var i in Phones) {
                var dlObj = document.createElement("dl");
                var content = "<dt><img src='" + Phones[i]["pic"] + "'></dt>";
                content += "<dd><p>$<span>" + Phones[i]["price"] + "</span></p>销量：<span>" + Phones[i]["sale"] + "</span></dd>";
                content += "<dd>" + Phones[i]["desc"] + "</dd>";
                dlObj.innerHTML = content;
                dlObj.className = "eachPro";
                divPro.appendChild(dlObj);
            }
        }
        function sortPro() {
            var selValue = document.getElementById("sort").value;

            if (selValue == '1' || selValue == '2') {
                Phones.sort(function (a, b) { return a[selValue == '1' ? 'price' : 'sale'] - b[selValue == '1' ? 'price' : 'sale'] });
                showPhones();
            }
        }
    </script>
</head>
<body onload="showPhones()">
    <div id="product">
        <p class="kind">
            排序样式：
            <select id="sort" onchange="sortPro()"><!---事件加错地方了---->
                <option value="0">--请选择--</option>
                <option value="1">价格</option>
                <option value="2">销量</option>
            </select>
        </p>
        <div id="show"></div>
    </div>
</body>
</html>

<!DOCTYPE html>
第五章
function Phone(desc,price,sale,pic){
this.desc=desc;
this.price=price;
this.sale=sale;
this.pic=pic;
}
var Phones=new Array();
Phones[0]=new Phone("移动GSM智能手机",2100.00,0,"p1.jpg");
Phones[1]=new Phone("电信4G手机",1900.00,1,"p2.jpg");
Phones[2]=new Phone("全网通手机钛金属机身",4999.00,2,"p3.jpg");
Phones[3]=new Phone("电信4G手机黑色金边",2200.00,1,"p4.jpg");
Phones[4]=new Phone("移动GSM S系列手机",1680.00,5,"p5.jpg");
Phones[5]=new Phone("联通经典高端商务手机",2080.00,10,"p6.jpg");
Phones[6]=new Phone("联通4G W系列手机",1780.00,13,"p7.jpg");
Phones[7]=new Phone("联通4G 经典手机",1280.00,27,"p8.jpg");
function showPhones(){
var divPro=document.getElementById("show");
divPro.innerHTML="";
for(var i in Phones){
var dlObj=document.createElement("dl");
var content="
";
content+="
$"+Phones[i]["price"]+"
销量："+Phones[i]["sale"]+"
";
content+="
"+Phones[i]["desc"]+"
";
dlObj.innerHTML=content;
dlObj.className="eachPro";
divPro.appendChild(dlObj);
}
}
function sortByPrice(){
for(var i=0;i<Phones.length;i++){
for(var j=0;j<Phones.length-1-i;j++){
if(Phones[j]["price"]>Phones[j+1]["price"]){
var temp=Phones[j];
Phones[j]=Phones[j+1];
Phones[j+1]=temp;
}
}
}
}
function sortBySale(){
for(var i=0;i<Phones.length;i++){
for(var j=0;j<Phones.length-1-i;j++){
if(Phones[j]["sale"]>Phones[j+1]["sale"]){
var temp=Phones[j];
Phones[j]=Phones[j+1];
Phones[j+1]=temp;
}
}
}
}
function sortPro(){
var selValue=document.getElementById("sort").value;
if(selValue==1){
//按照价格排序数组
}
else if(selValue==2){
//按照销量排序数组
}
//显示数组中保存的产品对象
}
排序样式：
--请选择--
价格
销量