Firefox не обновляет выберите тег при обновлении страницы
Я столкнулся с проблемой, когда у меня есть тег выбора, который пользователь будет использовать для выбора марки телефона, и страница, использующая jquery, будет просто отображать эти телефоны.
Благодаря помощи людей с переполнением стека это теперь прекрасно работает на любом браузере, кроме Firefox. По какой-то причине, когда я обновляю страницу, тег выбора показывает последний выбранный параметр, но на странице отображаются все телефоны, доступные в соответствии с назначением. У кого-нибудь есть какие-либо предложения или советы по поводу того, как заставить Firefox обновить тег select? Я не могу показать его на js.fiddle, потому что этого не происходит, так что вот ссылка:
http://davidarabis.com/test/test.html
И вот код:
<select class="manufacturers">
<option class="selected" value="all">All</option>
<option value="motorola">Motorola</option>
<option value="htc">HTC</option>
<option value="lg">LG</option>
<option value="samsung">Samsung</option>
<option value="kyocera">Kyocera</option>
</select>
<div class="scroll-content">
<ul class="manulist motorola">
<li><a href="#">Motorola Triumph</a></li>
</ul>
<ul class="manulist htc">
<li><a href="#">HTC WILDFIRE S</a></li>
</ul>
<ul class="manulist lg">
<li><a href="#">LG Optimus Slider</a></li>
<li><a href="#">LG Optimus V</a></li>
<li><a href="#">LG Rumor Touch</a></li>
<li><a href="#">LG Rumor 2</a></li>
<li><a href="#">LG 101</a></li>
</ul>
<ul class="manulist samsung">
<li><a href="#">Samsung Intercept</a></li>
<li><a href="#">Samsung Restore</a></li>
<li><a href="#">Samsung M575</a></li>
</ul>
</div>
Jquery:
$(document).ready(function() {
$('.manufacturers').change(function() {
var selected = $(this).find(':selected');
$('ul.manulist').hide();
if ($(this).val() == 'all') {
$('.scroll-content ul').show();
} else {
$('.' + selected.val()).show();
$('.optionvalue').html(selected.html()).attr(
'class', 'optionvalue ' + selected.val());
}
});
});
Заранее спасибо за любой совет или помощь.