如何根据选择输入类型填充文本输入类型？ [关闭]

Question

I am new to web development. I want to know how to populate text input type based on select drop down. Say I am selecting branch and I want its employee number automatically in text box. Can it be done using AJAX? If yes how? I want employee number from MySQL database. Plus I want to display its arrival time in other text input from same MySQL table. Thanks in advance.

Answer 1

Yes, this surely can be done with JQuery & Ajax. So your code will look something like

$(document).on("change","#dropDownSelector", function(){

var changedVal = $("#dropDownSelector").val();

$.ajax({
            type: 'POST',
            url: 'actionUrl', //logic for getting the data based on dropdown valur from db
            data: { 
                "value": changedVal,

            },
            beforeSend:function (){
                //Do something before request is sent like showing loading image
            },
            success:function (data){
                //Success . Use the data and show it on ui
            },
          error: function(xhr, textStatus, errorThrown){
            // failed request; give feedback to user

          },
          complete:function (){
                //Do something after request is complete.   
          }
        });

You still need to create the url and action for that based on the server side language and database you are working on. But overall your javascript code should follow this.

Hope this be of some help.

Happy Learning :)