Когда пользователь выбирает континент, сценарий JQuery проверяет, какой вариант был выбран. Если выбранный континент является «Антарктидой», ниже появляется сообщение ниже раскрывающегося списка, в котором говорится, что «у Антарктиды нет стран», и кнопка отправки становится отключенной, так что пользователь не может отправить форму. Это связано с тем, что у Антарктики нет стран, поэтому нет никакого смысла в дальнейшем. Этот сценарий гарантирует, что представления формы разрешаются только для континентов, которые имеют действительные страны, из которых можно выбрать. Это помогает улучшить пользовательский опыт, предотвращая недопустимый ввод на ранней стадии.
Код: Выделить всё
How To Disable Button ON Selection In J-Query?
Select your continent* :
Antarctica has no countries
-- Select Continent --
Asia
Africa
North America
South America
Antarctica
Europe
Australia
// This script will disable the submit button if Antarctica is selected from the dropdown
$(document).ready(function () {
$('#continent').on('change', function () {
const selectedContinent = $(this).val()
if (selectedContinent === 'Antarctica') {
$('#error_message').show();
document.getElementById("submit").disabled = true;
}
else {
$('#error_message').hide();
document.getElementById("submit").disabled = false;
}
});
});
Подробнее здесь: https://stackoverflow.com/questions/795 ... -in-jquery
Мобильная версия