Hi i would like to know how do i add a required attribute to a dropdownbox? I've search numerous ways but none worked, here's my code
<script>
$(document).ready(function(){
$('.orderingmenu .burgers').change(function(){
var selectVal= $(this).val();
if(selectVal != 'none'){
$(this).next().attr('required', true);
}
});
});
</script>
i am really out of idea on how to do this, i tested the selectors and they're working fine, but it just doesn't seem to add in the required attribute to that select field =/ any help please?
what i have tried is
$(this).next().prop('required', true);
$(this).next().attr('required', 'true');
$(this).next().attr('required', '');
$(this).next().prop('required');
none have worked =/
EDIT the HTML
<div class="orderingmenu" style="margin-bottom: 0.5%;">
<select name="burgerlist" class="burgers" style="width: 35%; float: left; font-size: 12px;">
<option selected="selected" value="none">NONE</option>
<option value="A">A</option>
</select>
<select name="option" id="option" class="setornot" style="width: 30%; font-size: 12px;">
<option selected="selected" value="none">NONE</option>
<option value="ALA CARTE">ALA CARTE</option>
<option value="SET">SET</option>
</select>
<input type="text" placeholder="ANY REMARKS?" name="remarks" style="width: 30%; float: right; font-size: 12px;">
</div>
i had it looped with a php script, but basically what i wanted to do is so that if there is any selection other than 'none', the other selection is required.
EDIT 2
found out the problem was that i had the value for none!
