Jeg tror, du prøver at få mulighederne for at udfylde fra $mens
array:
<?php foreach($mens as $row){?>
<option value="<?php echo $row['gender'] ?>"><?php echo $row['name'] ?></option>
<?php }?>
Hvis det ikke er det, du mener, skal du muligvis præcisere mere.
REDIGERING 1:
Hvis du har en stor liste over emner at tegne fra, vil du gerne bruge ajax, men hvis din prøve er relativt lille, kan du tænkeligt bare bruge en række til at tegne fra.
DEMO: https://jsfiddle.net/z50m5hnz/ :
<select name="category" id ='category' style="background:transparent">
<option id ='gender' hidden="hidden">Gender</option>
<option value="men">Men's</option>
<option value="girl">Ladies</option>
</select>
<select name="items" id="items">
<select>
<script type="text/javascript">
var dropdown_items = <?php echo json_encode($mens) ?>;
$(function () {
$("#category").change(function () {
var selectedText = $(this).find("option:selected").text();
var selectedValue = $(this).val();
var opts = [];
$.each(dropdown_items,function(k,v){
if(selectedValue == 'men' && v.gender == 0) {
opts.push('<option name="'+v.gender+'">'+v.name+'</option>');
}
else if(selectedValue == 'girl' && v.gender == 1) {
opts.push('<option name="'+v.gender+'">'+v.name+'</option>');
}
});
$('#items').html(opts.join(''));
});
});
</script>
EDIT 2:
Dette er mit sidste gæt på, hvad du vil have, fra kommentarer tror jeg, at du måske vil genindlæse siden, men send værdien:
<script type="text/javascript">
$(function () {
$("#category").change(function () {
var selectedValue = $(this).val();
window.location = '?select='+selectedValue;
});
});
</script>