Dropdown - check if all dropdowns are selected
by Alvin Olavarrieta
HTML
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="website-list">
<div class="bordered-mod no-title">
<div class="row">
<div class="col-xs-7">
<select name="websites" class="form-control">
<option value=""></option>
<option value="1">Advanced</option>
<option value="1">Basic</option>
<option value="1">None</option>
</select>
</div>
</div>
<!--/.row-->
<div class="row">
<div class="col-xs-7">
<select name="websites" class="form-control">
<option value=""></option>
<option value="1">Advanced</option>
<option value="1">Basic</option>
<option value="1">None</option>
</select>
</div>
</div>
<!--/.row-->
<div class="row">
<div class="col-xs-7">
<select name="websites" class="form-control">
<option value=""></option>
<option value="1">Advanced</option>
<option value="1">Basic</option>
<option value="1">None</option>
</select>
</div>
</div>
<!--/.row-->
</div>
<!--/.bordered-mod-->
</div>
<!--/.website-list-->
<div class="page-action"> <a href="../Brand-ambassador-mobile/video.html" class="btn btn-default disabled">Submit</a>
</div>
JavaScript
$("select").change(function () {
var arr = [];
$("select").each(function (index, el) {
$.trim($(el).val()) == "" ? arr.push(1) : '';
console.log(arr);
});
if (!arr.length) {
$(".btn-default").removeClass("disabled")
} else {
$(".btn-default").addClass("disabled")
}
});