Quiero obtener un valor de ID del menú desplegable de selección e insertarlo en un campo de entrada.

Esa es la opción de selección html;

 <select name="student_class" class="input_box" onchange="myFunction(this.value);"> <option value="Play Group" id="1400">Play Group</option> <option value="Nursery" id="1400">Nursery</option> <option value="Prep" id="1400">Prep</option> <option value="1" id="1600">1</option> <option value="2" id="1600">2</option> <option value="3" id="1600">3</option> <option value="4" id="1600">4</option> <option value="5" id="1600">5</option> <option value="6" id="1800">6</option> <option value="7" id="1800">7</option> <option value="8" id="1800">8</option> <option value="9" id="2500">9</option> <option value="10" id="2500">10</option> </select>

Este es el campo de entrada html;

 <input type="text" class="input_box" id="actual_fee" style="background: #EFEFEF; border: 1px solid #000; color: #000;" name="actual_fee" size="5" value="" readonly="readonly">

Y este es el javascript que estoy usando;

 <script type="text/javascript"> function myFunction(element) { document.getElementById("actual_fee").value = element; } </script>

Pero el problema es que este código solo muestra el "valor" de la opción y no su valor de "ID".

Por favor ayuda.