สอบถามเรื่อง การเลือก เมนูแล้วโชว์ Box ที่เราต้องการขึ้นมาโชว์

$(document).ready(function(e){
   $('select').change(function(){
       $('.boxarea').hide();
       $('#box'+$(this).val()).show();
   }).change();
})

<select>
<option value="1">สมัคร</option>
<option value="2">ไม่สมัคร</option>
</select>
<div id='box1' class="boxarea" style="display: none">วันที่สมัคร <input name="datein"></div>
<div id='box2' class="boxarea" style="display: none">วันที่ออก <input name="dateout"></div>