Как в плагине chosen в спрятоном select сделать selected?

Question

[Узаир Ижа]

Мне нужно, чтобы при выборе элемента в chosen, в скрытом селекте выбирался option

Answer 1

[Артём]

Если Вы меняете значение select "руками" в браузере, то selected у скрытого select'а поменяется сам. Если же вы меняете selected из кода, то это будет выглядеть как-нибудь вот так:

<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css">
<script src="http://code.jquery.com/jquery-1.12.1.min.js" type="text/javascript"></script>
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js" type="text/javascript"></script>

<select name="brend" class="brendid" data-placeholder="Выберите бренд" id="brendid" style="width:250px;">
    <option value="1">Первый</option>
    <option value="2">Второй</option>
    <option value="3">Третий</option>
</select>

<script type="text/javascript">
$(function () {
    var select = $('#brendid');
    select.chosen();

    select.find('option').removeAttr('selected')
        .last().attr('selected', 'selected');
    select.trigger('chosen:updated');

    select.on('change', function () {
        alert($(this).val());
    });
});
</script>

Comments

[Узаир Ижа]

Не работает =(

[Узаир Ижа]

Почему то последний элемент селектом по умолчанию становится

[Артём]

Узаир Ижа: нужен HTML (собственно сам select с атрибутами) и JS, который не работает. Если у вас есть возможность выложить их, то я попробую ответить на ваш вопрос более развернуто.

[Узаир Ижа]

Артём:

<select name="brend" class="brendid" data-placeholder="Выберите бренд" id="brendid" onclick="lin()" style="display: none;">
<option value="8985"> Derufa</option>
<option value="8986"> Dulux</option>
<option value="9038"> Тury</option>
<option value="8977">7CF</option>
<option value="8979">Ab lindec</option>
<option value="8978">ABC Farben</option>
<option value="8980">Acmelight</option>
<option value="8981">Akemi</option>
<option value="8982">AkzoNobel</option>
<option value="8983">Alpina</option>
<option value="8984">Biofa</option>
<option value="8987">Eskaro</option>
<option value="8988">Eurocolori</option>
<option value="8989">Formula</option>
<option value="8991">Hago AG</option>
<option value="8992">Hobbi</option>
<option value="8990">HS</option>
<option value="8993">Huntsman</option>
<option value="8994">Index</option>
<option value="8995">Neomid</option>
<option value="8996">Paint</option>
<option value="8997">Pretiox</option>
<option value="8998">Profi</option>
<option value="8999">Pufas</option>
<option value="9000">Quantex</option>
<option value="9001">Royal</option>
<option value="9002">Sachtleben</option>
<option value="9003">Sky</option>
<option value="9004">So-Strong</option>
<option value="9005">Synox</option>
<option value="9006">Tecsacolor</option>
<option value="9007">Ticiana</option>
<option value="9008">Tikkurila</option>
<option value="9009">VoskOil</option>
<option value="9010">White house</option>
<option value="9011">Zoteks</option>
<option value="9012">Аквест</option>
<option value="9013">Арсенал</option>
<option value="9016">БелТекс</option>
<option value="9014">БРИЗ</option>
<option value="9015">БЭЗ</option>
<option value="9017">ВГТ</option>
<option value="9018">Гамма</option>
<option value="9019">Декор</option>
<option value="9020">Донские краски</option>
<option value="9022">Крымский Титан</option>
<option value="9021">КТ</option>
<option value="9023">Ленинградские краски</option>
<option value="9024">Мастер</option>
<option value="9025">Мастерлюкс</option>
<option value="9026">Момент</option>
<option value="9027">Олива</option>
<option value="9028">Оптимист</option>
<option value="9029">Палитра Руси</option>
<option value="9030">Пента</option>
<option value="9031">Поли-Р</option>
<option value="9032">Профилюкс</option>
<option value="9033">Радуга</option>
<option value="9034">Сази</option>
<option value="9035">Сайвер</option>
<option value="9036">Стоцвет</option>
<option value="9037">Суперпротект</option>
<option value="9">Текс</option>
<option value="9039">Универсал</option>
<option value="9040">Хазар</option>
<option value="9041">Царицынские краски</option>
<option value="9042">ЭкоСорбент</option>
<option value="9043">Эксперт</option>
<option value="9044">Эластэкс</option>
<option value="9045">Янтарь</option>
<option value="9046" >Ярко</option>
</select>
<script>
<script type="text/javascript">
 var select = $('#brendid');
select.chosen();
select.find("option").removeAttr('selected')
 .last().attr('selected', 'selected');
select.trigger('chosen:updated');
</script>
<code>

[Артём]

Узаир Ижа: Чуть-чуть дописал свой код. Он полностью рабочий, и схож с предоставленным вами кодом.

[Узаир Ижа]

Артём: у меня почему-то он selected делает по умолчанию последний элемент? и при изменении снова его делает selected

[Артём]

Узаир Ижа: Сформулируйте вопрос. То, как вы описываете поведение chosen для меня ожидаемо и я знаю, что он именно так и будет делать. В чём суть вашей проблемы? Что у вас не получается?

[Узаир Ижа]

Артём: Смотрите, мне нужно чтобы при выборе в chosen какого либо значения, этоже значение в скрытом select , становился selected. На данный момент у меня получается так, что последний элемент option selected по умолчанию, при выборе другого, он не выбирается другой, а снова последний элемент становится selected.