Сделайте так, чтобы выпадающий список был выбран

Question

У меня есть выпадающий список в моей форме, который использовал bootstrap-select, чтобы показать выпадающий список.Я хочу сделать, если пользователь отправит форму, он проверит, имеет значение выпадающее или нет.Я уже добавил required внутри тега <select>, но ничего не произойдет, если я оставлю его пустым и нажму кнопку отправки.

Это мой код:

<div class="form-group">
    <label for="location">Location</label>
    <select name="location" id="location-form" required>
       <option value="">Choose Location</option>
       <?php foreach($location as $row) : ?>
       <option value="<?=$row['location_id']?>"><?=$row['location_name']?></option>
       <?php endforeach; ?>
    </select>
</div>

Как сделать свой выборТребуется ли выпадающий список и может ли он быть подтвержден, если пользователь нажал кнопку «Отправить»?Спасибо, прежде чем.

Answer 1

Существует два способа, которыми я могу поделиться с вами ниже.

С помощью этого способа также можно решить проблему.

<form action="whatever" method="post" novalidate>

ИЛИ используя это тоже, пожалуйста, попробуйте следующий код.

/* For checking the drop-down contain value of not use this. */ 
if(jQuery('#location-form').val() == ''){ 
   alert('Please select the option for location'); 
}else{ 
  return false; 
}

Я надеюсь, что это поможет вам.Спасибо.

Answer 2

Если требуемый не работает, вы можете добавить проверку java-скрипта, как указано ниже, и заменить «FormnameId» на ваш идентификатор тега формы.

<script type="text/javascript">
$(document).on('submit','form#FormnameId',function(event){
	event.preventDefault();
	var sel = $("#location-form").val();
	if(sel == ''){
		alert('Please select value first');
		return false;
	}
});
</script>

Answer 3

Вы поместили свой выбор в тег формы?Если нет, попробуйте разместить его внутри тега формы.Пожалуйста, обратитесь - https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_select_required

Answer 4

Добавить «отключено» в первой опции (вместе с обязательным в теге выбора) как:

<div class="form-group"> <label for="location">Location</label> <select name="location" id="location-form" required> <option value="" disabled>Choose Location</option> <?php foreach($location as $row) : ?> <option value="<?=$row['location_id']?>"><?=$row['location_name']?></option> <?php endforeach; ?> </select> </div>

Answer 5

Для выбора всегда установлено значение.Попробуйте вместо этого использовать радиогруппу.

Проверьте здесь для получения дополнительной информации о радиогруппе. HTML5: Как использовать атрибут «required» с полем ввода «radio»