请问老师为什么我这里值显示一个区域

/**

 * 

 */

$(function(){

var initUrl='/o2o/shopadmin/getshopinitinfo';

var registerShopUrl='/o2o/shopadmin/registershop';

//这个是从url中获取到分类显示到页面上

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 date-id="' + item.areaId + '">'

+ item.areaName + '</option>';

});

$('#shop-category').html(tempHtml);

$('#area').html(tempAreaHtml);

}

});

//从url获得表单参数字符串保存到form对象中

$('#submit').click(function(){

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));

var verifyCodeActual=$('#j_captcha').val();

if(!verifyCodeActual){

$.toast('请输入验证码')

return;

}

formData.append('verifyCodeActual',verifyCodeActual);

//利用阿贾克斯传到后台

$.ajax({

url : registerShopUrl,

type : 'POST',

data : formData,

contentType : false,//因为既有文字也有文件

processData : false,

cache : false,

    success : function(data){

    if(data.success){

    $.toast("提交成功！");

    }else{

    $.toast("提交失败！"+data.errMsg);

    }

    }

})

});

}

})

还有获取后台没获取到的areaId