Мисля, че се опитвате да получите опциите за попълване от $mens
масив:
<?php foreach($mens as $row){?>
<option value="<?php echo $row['gender'] ?>"><?php echo $row['name'] ?></option>
<?php }?>
Ако не е това, което имате предвид, може да се наложи да изясните повече.
РЕДАКТИРАНЕ 1:
Ако имате голям списък с елементи, от които да черпите, ще искате да използвате ajax, но ако вашата извадка е сравнително малка, вероятно можете просто да използвате масив, от който да черпите.
ДЕМО: 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>
РЕДАКТИРАНЕ 2:
Това е последното ми предположение какво искате, от коментарите мисля, че може би искате да презаредите страницата, но да изпратите избраната стойност:
<script type="text/javascript">
$(function () {
$("#category").change(function () {
var selectedValue = $(this).val();
window.location = '?select='+selectedValue;
});
});
</script>