怎么我的页面不显示的下拉列表
来源:4-11 店铺类别区域信息的获取
qq_蓝骏毅_04076633
2020-01-17
$(function(){
// 用于店铺注册时候的店铺类别以及区域列表的初始化的URL
var initUrl=’/o2o/shop/getshopinitinfo’;
// 注册店铺的URL
var registerShopUrl=’/o2o/shopadmin/registershop’;
/alert(initUrl);/
getShopInitInfo();
// 取得所有二级店铺类别以及区域信息,并分别赋值进类别列表以及区域列表
function getShopInitInfo(){
$.getJSON(initUrl,function(data){
if(data.success){
var tempHtml='';
var tempAreaHtml='';
data.shopCategoryList.map(function(item,index){
tempHtml+='<option data-id="'+item.shopCategoryId+'">'
+item.shopCategoryName+'</option>';
});
data.areaList.map(function(item,index){
tempAreaHtml+='<option data-id="'+item.areaId+'">'
+item.areaName+'</option>';
});
$('#shop-category').html(tempHtml);
$('#area').html(tempAreaHtml);
}
});
// 提交按钮的事件响应,分别对店铺注册和编辑操作做不同响应
$('#submit').click(function(){
// 创建shop对象
var shop ={};
// 获取表单里的数据并填充进对应的店铺属性中
shop.shopName=$('#shop-name').val();
shop.shopAddr=$('shop-addr').val();
shop.phone=$('shop--phone').val();
shop.shopDesc=$('shop-desc').val();
// 选择选定好的店铺类别
shop.shopCategory={
shopCategoryId:$('#shop-category').find('option').not(function(){
return !this.selected;
}).data('id')
};
// 选择选定好的区域信息
shop.area = {
areaId:$('#area').find('option').not(function(){
return !this.selected;
}).data('id')
};
var shopImg=$('#shop-img')[0].files[0];
var formData=new FormData();
formData.append('shopImg',shopImg);
formData.append('shopStr',JSON.stringify(shop));
// 将数据提交至后台处理相关操作
$.ajax({
type:"post",
url:"registerShopUrl",
async:formData,
contentType:false,
proceesData:false,
catche:false,
success:function(data){
if(data.success){
$.toast('提交成功!');
}else{
$.toast('提交失败!'+data.errMsg);
}
}
});
});
}
})
写回答
3回答
-
qq_蓝骏毅_04076633
提问者
2020-01-19
我见视频也是这样做啊
00 -
qq_蓝骏毅_04076633
提问者
2020-01-18
下拉列表不出来
052020-03-04 -
翔仔
2020-01-17
这个需要同学前后端调试一下,看看是不是后端没返回,还是前端接收到之后没执行对应的逻辑,光贴源码和这样描述结果我也没办法精确定位,需要你学习一下前后端联调,课程里面有讲,也可以参考一下http://coding.imooc.com/lesson/144.html#mid=26876
此外,苦口良药,建议同学多增强表述问题的能力,这样对你以后有很大的帮助,这方面急需提高
00
相似问题
区域信息和商品类别下拉列表不显示问题
回答 2
我这里打开调试模式下拉列表就不显示
回答 5
下拉列表这部分怎么回事
回答 3
阿里云实例列表页不显示自己的服务器信息
回答 2
前端不显示下拉列表
回答 6