Fatal编程技术网
  • javascript/
  • Javascript 根据用户的选择显示表格

Javascript 根据用户的选择显示表格

javascript drop-down-menu

Javascript 根据用户的选择显示表格,javascript,drop-down-menu,Javascript,Drop Down Menu,我想在下拉列表中显示与用户选择相对应的车辆列表。比如说，如果他们选择了SUV，那么SUV汽车表就会出现。不知何故，我的代码似乎不起作用。当我选择all时，它很好——但除此之外，它什么也不显示 我做错了什么？我怀疑调用displayListing时事件处理程序出错 //步骤1：添加jqueryready方法以在脚本中保存整个js代码 $document.readyfunction{ //使用构造函数定义汽车对象 功能卡、汽车品牌、汽车型号、汽车年份、汽车类型、汽车颜色、汽车价格、汽车里程{ th

我想在下拉列表中显示与用户选择相对应的车辆列表。比如说，如果他们选择了SUV，那么SUV汽车表就会出现。不知何故，我的代码似乎不起作用。当我选择all时，它很好——但除此之外，它什么也不显示

我做错了什么？我怀疑调用displayListing时事件处理程序出错

//步骤1：添加jqueryready方法以在脚本中保存整个js代码 $document.readyfunction{ //使用构造函数定义汽车对象 功能卡、汽车品牌、汽车型号、汽车年份、汽车类型、汽车颜色、汽车价格、汽车里程{ this.stockid=id； this.make=汽车品牌； this.model=汽车模型； 本年=汽车年； this.type=汽车类型； this.color=汽车颜色； 这个价格=汽车价格； this.miliness=汽车里程； 该数量=0； 这个。显示=功能{ var this_str=+this.stockid++this.make+； this_str+=+this.model++this.year++this.type+； this_str+=+this.color+$+this.price+； 这个str+=+这个里程+； 返回此文件； } } //声明一个对象数组 var car_list=[]；//var car_list=新数组； //创建汽车对象的实例并将其添加到汽车列表数组中 car_list.pushnew Car1001，丰田，凯美瑞，2011，灰色轿车，1755555060； car_list.pushnew Car1002，沃尔沃，S402013，黑色轿车，1557520350； car_list.pushnew Car1251，丰田，锡耶纳，2008，迷你车，格雷，15775，70000； car_list.pushnew Car1321，保时捷，Panamera，2012，红色SUV，10425010567； 新车1904，本田，雅阁，2009，白色轿车，13370，35000； car_list.pushnew Car1855，丰田，Highlander，2008，SUV，Silver，1855555060； car_list.pushnew Car1543，福特，Fusion，2011，黑色轿车，1357590350； car_list.pushnew Car1345，丰田，锡耶纳，2011，灰色迷你车，25775，70000； car_list.pushnew Car2133，道奇，大篷车，2012，红色迷你车，3025017567； car_list.pushnew Car2999，雷克萨斯，LFA，2012，红色coupe，3813703500； car_list.pushnew Car3001，法拉利，鲁宾诺，2012，红色coupe，3543705500； car_list.pushnew Car4002，奥迪，R82012，黑色SUV，1813704500； //步骤2 a：调用displayDropdown函数设置下拉选择列表 显示下拉列表； //步骤2d：使用jQuery事件方法.on将事件处理程序添加到下拉列表中 //因此，当用户根据车型更改选择选项时， //然后，只有该类型的汽车才会显示在网页的汽车列表表中。 $'car-category'。关于'change'，函数{ var cat=$this.val； console.logcat； 显示列表猫； } ; /*****************************/ /*显示下拉列表*/ /*****************************/ 功能显示下拉列表{ var currentCat='select'； var output=选择要显示的类别； var addedCats=[]； //步骤3 a：在此处添加脚本代码以将选项添加到下拉列表中 forvar i=0；i问题是您在displayListing函数中使用了错误的属性

这一行：

if(car_list[i].category == cat || displayAll == true) {
您正在使用汽车列表[i]。类别，而它应该是汽车列表[i]。请键入

汽车对象没有名为category的属性。您应该将该行更改为如下所示：

if(car_list[i].type == cat || displayAll == true) {
以下是完整的代码片段：

//步骤1：添加jqueryready方法以在脚本中保存整个js代码 $document.readyfunction{ //使用构造函数定义汽车对象 功能卡、汽车品牌、汽车型号、汽车年份、汽车类型、汽车颜色、汽车价格、汽车里程{ this.stockid=id； this.make=汽车品牌； this.model=汽车模型； 本年=汽车年； this.type=汽车类型； this.color=汽车颜色； 这个价格=汽车价格； this.miliness=汽车里程； 该数量=0； 这个。显示=功能{ var this_str=+this.stockid++this.make+； this_str+=+this.model++this.year++this.type+； this_str+=+this.color+$+this.price+； 这个str+=+这个里程+； 返回此文件； } } //声明一个对象数组 var car_list=[]；//var car_list=新数组； //创建汽车对象的实例并将其添加到汽车列表数组中 car_list.pushnew Car1001，丰田，凯美瑞，2011，灰色轿车，1755555060； car_list.pushnew Car1002，沃尔沃，S402013，黑色轿车，1557520350； car_list.pushnew Car1251，丰田，锡耶纳，2008，迷你车，格雷，15775，70000； car_list.pushnew Car1321，保时捷，Panamera，2012，红色SUV，10425010567； 新车1904，本田，雅阁，2009，白色轿车，13370，35000； car_list.pushnew Car1855，丰田，Highlander，2008，SUV，Silver，1855555060； car_list.pushnew Car1543，福特，Fusion，2011，黑色轿车，1357590350； car_list.pushnew Car1345，丰田，锡耶纳，2011，灰色迷你车，25775，70000； car_list.pushnew Car2133，道奇，大篷车，2012，红色迷你车，3025017567； car_list.pushnew Car2999，雷克萨斯，LFA，2012，红色coupe，3813703500； car_list.pushnew Car3001，法拉利，鲁宾诺，2012，红色coupe，3543705500； car_list.pushnew Car4002，奥迪，R82012，黑色SUV，1813704500； //步骤2 a：调用displayDropdown函数设置下拉选择列表 显示下拉列表； //步骤2d：使用jQuery事件方法.on将事件处理程序添加到下拉列表中 //因此，当用户根据车型更改选择选项时， //然后，只有该类型的汽车才会显示在网页的汽车列表表中。 $'car-category'。关于'change'，函数{ var cat=$this.val； console.logcat； 显示列表猫； } ; /*****************************/ /*显示下拉列表*/ /*****************************/ 功能显示下拉列表{ var currentCat='select'； var output=选择要显示的类别； var addedCats=[]； //步骤3 a：在此处添加脚本代码以将选项添加到下拉列表中 forvar i=0；i