У меня есть выпадающее меню, которое должно изменить функции на моей странице, но, очевидно, не работает. У меня есть карта на выпадающем списке, когда пользователь выбирает, а индустрия обновляет карту и должна обновить легенду ниже. Легенда не обновляетсяВыпадающие изменения выбора
Пожалуйста, укажите, что я делаю неправильно.
Спасибо
JS
$("#lstMap1Occ").change(function() {
var index = $(this).children(":selected").index();
$("#legend").children().hide().eq(index).show();
});
здесь падение вниз (да есть окончание выберите тег IST просто не вставляя в течение какой-то причине)
<select id="lstMap1Occ">
<option value="1">Engineers </option>
<option value="2">Chemical Engineers</option>
</select>
HTML
<div class="legend">
<div class="engineers">
<ul>
<li style="background-color:rgb(254,240,217);">0-345</li>
<li style="background-color:rgb(253,212,158);">346-503</li>
<li style="background-color:rgb(253,187,132);">504-1240</li>
<li style="background-color:rgb(252,141,89);">1241-1679</li>
<li style="background-color:rgb(239,101,72);">1680-2625</li>
<li style="background-color:rgb(215,48,31);">2627-4789</li>
</ul>
</div>
<div class="chemical">
<ul>
<li style="background-color:rgb(254,240,217);">0-13</li>
<li style="background-color:rgb(253,212,158);">14-24</li>
<li style="background-color:rgb(253,187,132);">25-37</li>
<li style="background-color:rgb(252,141,89);">38-56</li>
<li style="background-color:rgb(239,101,72);">57-112</li>
<li style="background-color:rgb(215,48,31);">113-168</li>
</ul>
</div>
Первая проблема состоит в $ ("# Легенда") должна быть $ ("Легенда"), но это не совокупность его. –
Есть ли закрытие для вашей легенды? –
На самом деле я так долго смотрел на это, что я никогда не менял «#» на «.». Однажды я сделал это, и я намеревался. Спасибо за то, что Nathan –