I am working with Laravel blade. The form has 3 dropdowns, a checkbox, and a date text box. When I submit the form only the date value is retrieved. I know that I must use jQuery for multiple text boxes but I don’t know how to implement it.
<form class="form-group" id="#infoform" method="POST" action="/calender">
{{csrf_field()}}
<div class="form-group">
<div class="card-body">
<h3 class="card-title">Basic Info</h3>
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label> Post Type <small class="text-muted"> Academic calender </small></label>
<select id="type" class="select form-select shadow-none" style="width: 100%; height: 36px">
<option value="calender"> Academic calender </option>
</select>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label> Publish Date <small class="text-muted"> When the calender will be published </small></label>
<input type="date" class="form-control" name="publishDate" id="publishDate">
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="form-group" id="mark">
<div class="form-check mr-sm-2">
<input type="checkbox" class="form-check-input" id="Featured-News form-control ">
<label class="form-check-label mb-0" for="customControlAutosizing1"> <i class="mdi mdi-pin"></i> Mark as Featured Announcements for </label>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="form-group" id="duration">
<select class="select form-select shadow-none">
<option value="Abu Kir"> 5 day </option>
<option value="Smart Village"> 10 days </option>
<option value="Elalamein"> 15 days </option>
<option value="Other"> Other </option>
</select>
</div>
<button type="button" form="#infoform" class="btn btn-labeled btn-success" onclick="document.getElementById('#infoform').submit();">
<span class="btn-label"><i class="far fa-paper-plane"></i> </span>Publish</button>
</div>
</div>
<div>
</form>