Вопрос по jquery, html – Firefox не обновляет выберите тег при обновлении страницы

5

Я столкнулся с проблемой, когда у меня есть тег выбора, который пользователь будет использовать для выбора марки телефона, и страница, использующая 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());
        }
    });
});

Заранее спасибо за любой совет или помощь.

Error: User Rate Limit Exceeded Shyju

Ваш Ответ

3   ответа
7

$('.manufacturers').prop('selectedIndex',0);

$(document).ready(function() {

    $('.manufacturers').prop('selectedIndex',0);

    $('.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());
        }
    });
});

10

selectF5Ctrl+F5

Handle each page refresh: add some reset code to set the default selected state inside the window.onbeforeunload event listener. Add that code at the beginning of the DOM ready handler. Use cookies, as described in this post from Ted Pavlic's blog, to detect the page refresh and act on it (placing the same code there). Set no-cache headers on the server-side, thus forcing the relevant resources to be fetched. References window.onbeforeunload on Mozilla Developer Network A post on stackoverflow on the FireFox's form values caching A blog post on the feature from 2009 Yet another blog post on the feature dating 2008

Note: It has been suggested on the autocompletea. Compatibility: autocompleteb. Semantics:autocomplete

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededautocomplete=offError: User Rate Limit Exceeded
Error: User Rate Limit Exceeded xoam
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
3

autocomplete="off"

Похожие вопросы