Hello to all! There is a select

<select name="type" id="input-type" class="form-control"> <optgroup label="Выбор"> <option value="select">Список</option> <option value="radio">Переключатель</option> <option value="checkbox" selected="selected">Флажок</option> </optgroup> <optgroup label="Поле ввода"> <option value="text">Текст</option> <option value="textarea">Текстовая область</option> </optgroup> <optgroup label="Файл"> <option value="file">Файл</option> </optgroup> <optgroup label="Дата"> <option value="date">Дата</option> <option value="time">Время</option> <option value="datetime">Дата и время</option> </optgroup> </select>

How do I check if the option checkbox is selected? Even after reloading the pages, the verification should work, that is, not only during the meeting, but also after reloading the pages should work.

  • At all or at a certain option or at all? - Ruslan Melnichenko

2 answers 2

 $('#input-type option').each(function() { if ($(this).prop('selected') == true) { alert('this option is selected'); } }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select name="type" id="input-type" class="form-control"> <optgroup label="Выбор"> <option value="select">Список</option> <option value="radio">Переключатель</option> <option value="checkbox" selected="selected">Флажок</option> </optgroup> <optgroup label="Поле ввода"> <option value="text">Текст</option> <option value="textarea">Текстовая область</option> </optgroup> <optgroup label="Файл"> <option value="file">Файл</option> </optgroup> <optgroup label="Дата"> <option value="date">Дата</option> <option value="time">Время</option> <option value="datetime">Дата и время</option> </optgroup> </select>

    here without jq

     const select = [].slice.call(document.getElementById('input-type')); select.forEach(item => { if (item.selected) { alert('this option is selected'); } }) 
     <select name="type" id="input-type" class="form-control"> <optgroup label="Выбор"> <option value="select">Список</option> <option value="radio">Переключатель</option> <option value="checkbox" selected="selected">Флажок</option> </optgroup> <optgroup label="Поле ввода"> <option value="text">Текст</option> <option value="textarea">Текстовая область</option> </optgroup> <optgroup label="Файл"> <option value="file">Файл</option> </optgroup> <optgroup label="Дата"> <option value="date">Дата</option> <option value="time">Время</option> <option value="datetime">Дата и время</option> </optgroup> </select>