Сборник методов JQuery для работы с выпадающими списками <select>.
$('#select').val();
/* или */
$('select[name=fruct]').val();Для списков с множественном выбором (multiple) метод val() вернет значения в виде массива.
$('#select option:selected').text();
/* или */
$('#select option:selected').html();$('#select option').size();Узнать количество выбранных элементов
$('#select option:selected').size();Выбрать первый элемент:
$('#select option:first').prop('selected', true);Выбрать последний элемент:
$('#select option:last').prop('selected', true);Выбрать элемент c value = 2:
$('#select option[value=2]').prop('selected', true);Выбрать элемент содержащий текст «виноград»:
$('#select option:contains("виноград")').prop('selected', true);Выбрать все элементы:
$('#select option').prop('selected', true);Снять выделение:
$('#select option').prop('selected', false);// Заблокировать
$('#select').prop('disabled', true);
// Разблокировать
$('#select').prop('disabled', false);
Добавить элемент в начало select:
$('#select').prepend('<option value="">новый option</option>');Добавить элемент в конец select:
$('#select').append('<option value="">новый option</option>');Добавить элемент до и после option c value = 2:
// До
$('#select option[value=2]').before('<option value="">новый option</option>');
// После
$('#select option[value=2]').after('<option value="">новый option</option>');
Добавить элемент до и после option c текстом «апельсин»:
// До
$('#select option:contains("апельсин")').before('<option value="">новый option</option>');
// После
$('#select option:contains("апельсин")').after('<option value="">новый option</option>');Добавление элементов в optgroup
// Добавить элемент в начало группы «Фрукты»
$('#select optgroup[label=Фрукты]').prepend('<option value="">новый option</option>');
// Добавить элемент в конец группы «Фрукты»
$('#select optgroup[label=Фрукты]').append('<option value="">новый option</option>');Добавить элементы option в select из массива
var array = {1: 'яблоко', 2: 'апельсин', 3: 'виноград'};
$.each(array, function(key, value) {
$('#select').append('<option value="' + key + '">' + value + '</option>');
});Удалить выбранный элемент:
$('#select option:selected').remove();Удалить первый элемент:
$('#select option:first').remove();$('#select option:last').remove();Удалить элемент c value = 4:
$('#select option[value=4]').remove();Удалить элемент содержащий текст «виноград»:
$('#select option:contains("виноград")').remove();Очистить весь select:
$('#select').empty();
/* или */
$('#select option').remove();
У вас написано как выбрать с одним значением: А как сделать если нужно выбрать со значением например 2 и 3?
Пробовал так: $('#select option[value=2,3]').prop('selected', true);
Но выдает ошибку.
Не работают эти конструкции. Выдаются ошибки. Эти примеры по всему интернету, но у меня не получается таким образом выбрать позицию, да и сам phpstorm ругается, что г@&но какое-то ввёл.
/*Калькулятор*/
function calculate(){
let sum = parseInt($("#SelectSiteType option:selected").val()) + parseInt($("#SelectDesign option:selected").val()) + parseInt($("#SelectAdaptability option:selected").val());
let days = parseInt($("#SelectSiteType option:selected").attr("days")) + parseInt($("#SelectDesign option:selected").attr("days")) + parseInt($("#SelectAdaptability option:selected").attr("days"));
$(" .digit").text(sum);
$(" .digit1").text(days);
};
calculate();
$("select").on("change", function(){
calculate();
});