linkage.js
2.91 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
var $=require('jquery');
//下拉联动
function Location() {
this.items = {
'0':{1:'衣服',22:'裤子'},
'0,1':{2:'上衣'},
'0,1,2':{3:'夹克',4:'外套',5:'T舍'},
'0,1,2,3':{9:'夹克aaa',8:'外套sss',57:'Tsss舍'}
};
}
Location.prototype.find = function(id) {
if(typeof(this.items[id]) == "undefined")
return false;
return this.items[id];
}
Location.prototype.fillOption = function(el_id , loc_id , selected_id) {
var el = $('#'+el_id);
var json = this.find(loc_id);
if (json) {
var index = 1;
var selected_index = 0;
$.each(json , function(k , v) {
var option = '<option value="'+k+'">'+v+'</option>';
el.append(option);
if (k == selected_id) {
selected_index = index;
}
index++;
})
el.attr('selectedIndex' , selected_index);
}
}
exports.init=function(){
var loc = new Location();
var title = ['所有一级类目' , '所有二级类目' , '所有三级类目','所有四级类目'];
$.each(title , function(k , v) {
title[k] = '<option value="">'+v+'</option>';
})
$('#maxSort').append(title[0]);
$('#middleSort').append(title[1]);
$('#smallSort').append(title[2]);
$('#sort').append(title[3]);
$('#maxSort').change(function() {
$('#middleSort').empty();
$('#middleSort').append(title[1]);
loc.fillOption('middleSort' , '0,'+$('#maxSort').val());
$('#smallSort').empty();
$('#smallSort').append(title[2]);
$('#sort').empty();
$('#sort').append(title[2]);
//$('input[@name=location_id]').val($(this).val());
})
$('#middleSort').change(function() {
$('#smallSort').empty();
$('#smallSort').append(title[2]);
loc.fillOption('smallSort' , '0,' + $('#maxSort').val() + ',' + $('#middleSort').val());
$('#sort').empty();
$('#sort').append(title[2]);
//$('input[@name=location_id]').val($(this).val());
})
$('#smallSort').change(function() {
$('#sort').empty();
$('#sort').append(title[2]);
loc.fillOption('sort' , '0,' + $('#maxSort').val() + ',' + $('#middleSort').val()+','+$('#smallSort').val());
// $('input[@name=location_id]').val($(this).val());
})
// if (province) {
// loc.fillOption('loc_province' , '0' , province);
// if (city) {
// loc.fillOption('loc_city' , '0,'+province , city);
// if (town) {
// loc.fillOption('loc_town' , '0,'+province+','+city , town);
// }
// }
// } else {
// loc.fillOption('loc_province' , '0');
// }
loc.fillOption('maxSort' , '0');
}