0

Подскажите пожалуйста, как изменить значение выбранного option в select.

function select() {
  $("#type").val("3");
}
$(document).ready(function() {
    $('.js-example-basic-single').select2();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
<input class="mybtn" type="button" onclick="select();" value="GO">
<select id="type" class="js-example-basic-single">
  <option>1</option>
  <option>2</option>
</select>

3 ответа 3

0

можно например так. Код меняет как значения атрибута value выбранного option так и текст

$(".mybtn").on('click', function(){
  $("#type option:selected").val("3");
  $("#type option:selected").text("3");
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" class="mybtn" value="GO">
<select id="type">
  <option>1</option>
  <option>2</option>
</select>

И не пишите вот так: onclick="select();"

3
  • с select2 указанный код работать не будет... 26 ноя 2019 в 15:33
  • @АлексейОбухов Изначально в постановке вопроса, и слова о select2 не было )
    – Swartex
    26 ноя 2019 в 15:42
  • Как тогда изменить значение? 26 ноя 2019 в 18:37
0
$('.js-example-basic-single').val('two').trigger('change');

https://jsfiddle.net/7srqrxxu/16/

0

Я так задавал уникальные классы для select2.
Но есть новая и старая версия select2, этот код от старой версии вроде как. Если скачать последнюю версию, не будет работать скорее всего

$('.js-example-basic-single').select2({
    theme: 'default уникальный-класс-который-будет-именно-этого-select'
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.