GOOGLE ADS

вторник, 12 апреля 2022 г.

Получить текущее значение в bootstrap-select

Раньше я e.target.valueизвлекал текущее выбранное значение из bootstrap-select, но оно возвращало первое выбранное значение, т. е. предупреждение продолжало отображать элемент 1, когда элемент 1 и элемент 2 были выбраны, даже когда элемент 2 был выбран последним.

Как я могу получить значение для последнего выбора и как я могу узнать, сколько вариантов выбрано?

 <select multiple class="selectpicker" multiple data-selected-text-format="count > 1">
<option value="item 1">Item 1</option>
<option value="item 2">Item 2</option>
<option value="item 3">Item 3</option>
<option value="item 4">Item 4</option>
<option value="item 5">Item 5</option>

$('.selectpicker').change(function (e) {
alert(e.target.value);
});


Решение проблемы

вместо e.target.value, вы можете использовать$(this).find("option:selected").text();


 $('.selectpicker').change(function () {
var selectedItem = $('.selectpicker').val();
alert(selectedItem);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/css/bootstrap-select.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.9/dist/js/bootstrap-select.min.js"></script>
<select class="selectpicker" multiple data-selected-text-format="count > 1">
<option value="1">Item 1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
<option value="4">Item 4</option>
<option value="5">Item 5</option>
</select>

Комментариев нет:

Отправить комментарий

Laravel Datatable addColumn returns ID of one record only

Я пытаюсь использовать Yajra Datatable для интеграции DataTable на свой веб-сайт. Я смог отобразить таблицу, но столкнулся с проблемой. В по...