Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
RADA2013
0 / 0 / 0
Регистрация: 20.08.2013
Сообщений: 9
#1

Почему скрипт прячет не все поля span при select?

20.08.2014, 13:53. Просмотров 168. Ответов 0
Метки нет (Все метки)

Поможите люди добрые!!

Есть форма добавления информации в базу.
При выборе select определенного раздела появляется selectы подразделов

Скрипт работает, но не везде. Какие то селекты он открывает, а на какие то вообще не реагирует. Почему?

Вот скрипт

Javascript
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
$(document).ready(function(){
    var sds=$('#mainselect').val();
    if(sds==''){ $('#window span').css('display','none');}
    
    $('#mainselect').change(function(){
 
var sd=$('#mainselect :selected').val();
 
if(sd=='' || sd==2 || sd==3 || sd==7 || sd==9 || sd==11 || sd==12 || sd==13 || sd==15 || sd==18 || sd==20 || sd==21 || sd==23 || sd==24 || sd==25 || sd==26 ){ 
$('#window span').css('display','none');    }                                                             
 
 
 if(sd==1){ $('#window span').css('display','none');    
                      $('#vidlamps, #faratip, #optikatip').css('display','block');  }
                      
 if(sd==4){ $('#window span').css('display','none');    
                      $('#hodovka').css('display','block'); }       
        
 if(sd==5){ $('#window span').css('display','none');    
                      $('#rule').css('display','block');    }
                      
 if(sd==6){ $('#window span').css('display','none');    
                      $('#tormozsistem').css('display','block');    }   
                                      
 if(sd==10){ $('#window span').css('display','none');   
                      $('#srsabs').css('display','block');  }                     
 
 if(sd==14){ $('#window span').css('display','none');   
                      $('#filtr').css('display','block');   }
 
 if(sd==16){ $('#window span').css('display','none');   
                      $('#audio').css('display','block');   }                     
                      
 if(sd==17){ $('#window span').css('display','none');   
                      $('#oil').css('display','block');     }
                      
 if(sd==19){ $('#window span').css('display','none');   
                      $('#tuning').css('display','block');  }                                                                                             
                      
 if(sd==22){ $('#window span').css('display','none');   
                      $('#zazhig').css('display','block');  }                                     
                                      
                                      
 if(sd==8){ $('#window span').css('display','none');
 
$('#kuzova').css('display','block');                                                                
$('#kuzova').change(function(){
var sf=$('#kuzova :selected').val();
if(sf=='') {$('#win span').css('display','none');}
if(sf=='KRA') {$('#win span').css('display','none'); $('#krilo').css('display','block');}
if(sf=='DVA') {$('#win span').css('display','none'); $('#dor').css('display','block');}
if(sf=='BRA') {$('#win span').css('display','none'); $('#bamper').css('display','block');}  
if(sf=='ZRA') {$('#win span').css('display','none'); $('#zerkalo').css('display','block');}
if(sf=='BGA') {$('#win span').css('display','none');}
if(sf=='KAA') {$('#win span').css('display','none');}
if(sf=='RA0') {$('#win span').css('display','none');}     
}); }                                     
                                      
                                      
});  
 });
А вот форма:

HTML5
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<select id="mainselect" name="base[]" class="selectstily" style="width:472px">
<option value="">- Выбирите раздел -</option>
<option value="1">оптика</option>
<option value="2">двигатель</option>
<option value="3">трансмиссия</option>
<option value="4">ходовая часть</option>
<option value="5">рулевое управление</option>
<option value="6">тормозная система</option>
<option value="22">система зажигания</option>
<option value="7">электрооборудование</option>
<option value="8">кузов</option>
<option value="9">система отопления, кондиционирования и вентиляции</option>
<option value="10">системы безопасности</option>
<option value="11">стекла</option>
<option value="12">автосигнализация</option>
<option value="13">ремни, ремни ГРМ</option>
<option value="14">фильтры</option>
<option value="16">аккустическая система</option>
<option value="17">ГСМ, тосол, стеклоомыватель</option>
<option value="19">тюнинг</option>
<option value="20">тонировка</option>
<option value="21">эмали</option>
<option value="23">лампы</option>
<option value="25">аксессуары</option>
<option value="26">разное</option>
</select>
 
 
<div id="window">
 
<span id='hodovka'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="H1">передняя подвеска</option>
<option value="H2">задняя подвеска</option>
<option value="H3">ведущий мост</option>
<option value="H4">торсион</option>
<option value="H5">рессора</option>
<option value="H6">амортизатор</option>
<option value="H7">пружина</option>
<option value="H0">другое</option>
</select>
</span>
 
<span id='rule'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="RU1">рулевая колонка</option>
<option value="RU2">рулевые тяги</option>
<option value="RU3">рулевой механизм</option>
</select>
</span>
 
<span id='filtr'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="F1">маслянные фильтры</option>
<option value="F2">воздушные фильтры</option>
<option value="F3">топливные фильтры</option>
<option value="F4">фильтры в салон авто</option>
<option value="F0">другое</option>
</span>
 
<span id='tuning'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="T1">кузова</option>
<option value="T2">двигателя</option>
<option value="T3">салона</option>
<option value="T4">оптики</option>
<option value="T0">другое</option>
</span>
 
<span id='oil'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="O1">масло</option>
<option value="O2">дикстрон</option>
<option value="O3">тосол</option>
<option value="O4">стеклоомыватель</option>
<option value="O0">другое</option>
</span>
 
<span id='audio'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="A1">автомагнитола</option>
<option value="A2">динамики</option>
<option value="A3">мп3 модуляторы</option>
<option value="A4">CD ченджеры</option>
<option value="A0">другое</option>
</span>
 
<span id='tormozsistem'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="TR1">колодки</option>
</select>
</span>
 
<span id='kuzova'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="DVA">дверь</option>
<option value="BGA">багажник</option>
<option value="KAA">капот</option>
<option value="KRA">крыло</option>
<option value="BRA">бампер</option>
<option value="ZRA">зеркало</option>
<option value="RA0">другое</option>
</select>
</span>
 
<span id='srsabs'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="ABS">электронное управление торможением ABS</option>
<option value="SRS">система пассивной безопасности SRS</option>
</select>
</span>
 
<span id='zazhig'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Подраздел -</option>
<option value="Z1">свечи зажигания</option>
<option value="Z2">катушки зажигания</option>
<option value="Z3">бронепровод</option>
<option value="Z0">другое</option>
</span>
 
<span id='faratip'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Тип фар -</option>
<option value="B">противотуманная фара</option>
<option value="C">фара ближнего света</option>
<option value="R">фара дальнего света</option>
<option value="CR">двухрежимная(ближнего и дальнего света)</option>
<option value="SA">габаритные</option>
<option value="BA">задние фонари</option>
<option value="LR">сигналы поворота</option>
</select>
</span>
 
<span id='optikatip'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Тип оптики -</option>
<option value="ZAVOD">штатная</option>
<option value="TUN">тюнинговая</option>
</select>
</span>
 
<span id='vidlamps'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Вид ламп -</option>
<option value="HL">галогенные (HALOGEN)</option>
<option value="DL">ксеноновые (DISCHARGE)</option>
<option value="LL">светодионые (LED)</option>
</select>
</span>
 
 
<div id="win">
<span id='zerkalo'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Расположение зеркала -
<option value="LZA">левое</option>
<option value="RZA">правое</option>
</select>
</span>
 
<span id='krilo'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Расположение крыла -
<option value="LKR">левое</option>
<option value="RKR">правое</option>
</select>
</span>
 
<span id='dor'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Расположение двери -
<option value="LF">левая передняя</option>
<option value="RF">правая передняя</option>
<option value="LB">левая задняя</option>
<option value="RB">правая задняя</option>
<option value="BD">задняя</option>
</select>
</span>
 
<span id='bamper'>
<select name="base[]" class="selectstily" style="width:472px; margin-left: 24px">
<option value="">- Расположение бампера -
<option value="FB">передний</option>
<option value="BB">задний</option>
</select>
</span>
</div>
</div>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.08.2014, 13:53
Ответы с готовыми решениями:

Как при выборе определённого значения поля select показать новое поле select
Такая задача, у меня есть список значений в поле типа select. Value1 Value2 Value3 Value4 При...

Изменение значений переменныйх при выборе из поля select
Имеется такой код: &lt;select name=&quot;order_d&quot; class=&quot;form-control&quot;&gt; &lt;option value=&quot;1&quot;&gt; ...

Нужен скрипт для удаления лишних span 'ов в innerHTML
Есть джава который выполняет перевод с английского и наоборот. На выходе посредством innerHTML в...

Почему не прячет текст?
&lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt; &lt;script...

Почему Singleton прячет зависимости?
С этого блог поста: Я не совсем понимаю, каким образом синглтон прячет зависимости? Можно же...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
20.08.2014, 13:53

Как сделать что бы при клике на <span> закрывались все формы?
Доброго времени суток! Помогите реализовать, при клике на класс &quot;ToGetName&quot; элементу с классом...

почему div, а не span
Здравствуйте, уважаемые форумчане! Делаю первые шаги в HTML, поэтому вопрос может наивный, не...

Почему при выборке через Select case нет связи с БД?
Может кто знает, почему при выборке через Select case нет связи с БД? На форме в Label...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru