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

<!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>

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

Go 旅城通票 2016-09-22 08:17

关注

 <!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>

本回答被题主选为最佳回答 , 对您是否有帮助呢?

查看更多回答(1条)

报告相同问题？

关注问题

还差两行代码，谁帮我完善下
2016-09-21 12:11

回答 2 已采纳 ``` 第五章排序样式：
有错的C++代码，谁能帮我看看 c++
2022-12-31 11:32

回答 3 已采纳你这是要实现啥功能？是不是计算输入的日期+1天后的日期main里的第二个if看懵了。a的值本身就是赋值好的，不需要判断。 #include <iostream> using namespa
sql server 计算同一列两行的时间差 python sqlserver
2022-02-11 18:08

回答 2 已采纳是这个意思吗？ declare @a table(ID int, name varchar(20), DateTime datetime) insert @a select 1, '14774',
《第一行代码——Android》封面诞生记
2014-08-28 09:04

guolin的博客《第一行代码——Android》已经上市快一个月了，目前销售情况还算良好，也是特别感谢众多朋友的支持。其实一本书如果想要卖的好，除了内容必须要给力之外，封面的设计也是至关重要的，而本书的封面无疑是在充实的...
求用c++计算复数的和与差源代码，帮我看一下我的代码 c++ 有问必答
2021-11-05 12:26

回答 1 已采纳 #include <iostream> using namespace std; typedef struct complex { float Realpart; floa
等差素数数列问题，还请各位帮我看一下 c语言
2022-11-25 16:31

回答 1 已采纳 1.你为什么让d从1000往下循环，要是公差1000以内没有解，那你的代码就解不出来了同理，你凭什么认为a[0]一定小于1000呢你应该用while循环而不是for循环既然数学上证明了一定有解，那就不
为什么两个一模一样的代码，输出结果不一样 c++
2022-04-17 17:36

回答 1 已采纳把解法一，第17行的逗号去掉就好了！有用请采纳，谢谢！
从第一行代码到20万行开源，我已经走过了三年
2019-12-17 18:54

陶建辉(Jeff)的博客今天12月17日，对我来说，一特别的日子。因为三年前的今天，我参加溪山天使投资年会，在会场上听着精彩创业故事的同时，在自己的Mac笔记本上，安装了Ubuntu，安装了熟悉的vi, csc...
自学C 可以帮我看下是哪里出了问题吗 c语言
2021-09-14 00:21

回答 2 已采纳 if(n % 2 == 1){return 1;}else{return 0; 你这句话根本就不是找素数，只能判断奇偶数。看看实例这个int j = 0;for(j = 2;j < n;j++)
同样代码，速度天差地别是咋回事？ python 开发语言有问必答
2021-07-07 08:30

回答 1 已采纳运行的速度跟环境有关，比如内存分配的快慢就跟碎片多少有关.
显式有限差分法求欧式看涨期权的matlab代码 matlab 有问必答
2021-08-23 21:55

回答 1 已采纳你好，同学！因为x最大值（Xplus）是把它当做无穷大来考虑，但是实际操作不可能，所以导致x处给出得边界条件本身就不准确。所以我们可以把边界设远一点，比如1.2倍或者1.5倍的Xplus处，但是程序处
代码质量检测（一） —— 常用代码质量管理工具
2023-06-29 15:32

紫宸殇雒的博客好的代码可以加快应用的开发迭代速度，不必花过多的时间来修复 bug 和完善代码。好的代码不但能够使得新的项目成员更容易加入项目，同时方便项目组成员快速做好 Back up。好的代码便于促进团队间交流合作提升开发...
显示答案错误，可是和题没差，帮我看看 c语言
2021-10-19 20:48

回答 1 已采纳题目贴一下啊
还能用中文写代码？东北话：我先来整一个
2021-05-31 16:40

程序员的店小二的博客本文转载自果壳 “会Python的人，工作都不会太差”。学编程，却依旧卡在了英语这一关？面对满屏连不成句子的英文字，我就想...等等……中文编程还真行，更贴心的东北话、上海话甚至是文言文编程都有了，那接下来是入
这些低代码平台，你是否知悉？
2023-01-27 21:17

神州永泰的博客低代码low-code，无代码no-code，合称LCNC，近年来获得较快发展。低代码和无代码(LCNC)软件应用是当今商业领域最大的技术创新之一。顾名思义，低代码和无代码开发有助于简化开发流程，而不需要复杂的编程工具或专业...
没有解决我的问题, 去提问

悬赏问题

¥50 有数据，怎么建立模型求影响全要素生产率的因素
¥50 有数据，怎么用matlab求全要素生产率
¥15 TI的insta-spin例程
¥15 完成下列问题完成下列问题
¥15 C#算法问题, 不知道怎么处理这个数据的转换
¥15 YoloV5 第三方库的版本对照问题
¥15 请完成下列相关问题！
¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像，如何解决？
¥15 求daily translation（DT）偏差订正方法的代码
¥15 js调用html页面需要隐藏某个按钮

码龄粉丝数原力等级 --

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

2条回答默认最新

码龄粉丝数原力等级 --

悬赏问题

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

2条回答 默认 最新

悬赏问题

2条回答默认最新