<select id="region_id" onChange="get_region_id()" class="form-control"> <option disabled selected>--Choose Region--</option> <?php foreach($region as $row){?> <option value="<?php $row['region_c'];?>"> <?php echo $row['region_m'];?> </option> <?php }?> </select> <?php ?> ----------------------- <script type="text/javascript"> function get_region_id() { var select = document.getElementById('region_id'); var options = select.options[select.selectedIndex].value; alert(options); } get_region_id(); </script>Agregue la función a un evento onChange, para que se active cada vez que se seleccione un nuevo valor:
var select = document.getElementById('region_id'); function get_region_id() { var options = select.options[select.selectedIndex].value; alert(options); } select.addEventListener('onChange',get_region_id) <select id="region_id" onChange="get_region_id()" class="form-control"> <option disabled selected>--Choose Region--</option> <option value="one">one</option> <option value="two">two</option> <option value="three">three</option> <option value="four">four</option> </select>