ปัญหาการเพิ่มลบแก้ไข โดยมีการอัพเดท combobox ในฟอร์มนั้นกระทันหัน

 <select name="my_select" id="my_select">
     <option value="">Choose</option>
     <option value="1">Data 1</option>
 </select>   
 <input type="text" name="make_data" id="make_data">
 <input type="button" id="btn_add_data" value="Add">
 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
 <script type="text/javascript">
$(function(){
    $("#btn_add_data").on("click",function(){
       var addVal = $("#make_data").val();
        if(addVal!=""){
            var newOption='<option value="'+addVal+'">'+addVal+'</option>';
            $("#my_select").append(newOption);
            $("#my_select").val(addVal);
            $("#make_data").val("");
        }
    });
});
</script>