php live select onchange

Question

Может кто-нибудь мне помочь. жаль, что я новичок в PHP и jquery. Я думал, если пользователь изменит тег select. детали из базы данных будут печататься в текстовом поле, не обновляя страницу с помощью ajax. У меня сейчас нет кода ajax. потому что я не знаю, что я буду делать.

   <div class="row"> 
        <div class="col-md-6 col-sm-12 col-xs-12"> 
         <p>Full Name</p> 
         <select class="form-control" name="FullName" id="FullName" onchange=""> 
          <option value="undefine">Select</option> 
          <?php 
           $query = mysql_query('SELECT tbluserdetail.FirstName, 
                  tbluserdetail.MiddleName, 
                  tbluserdetail.LastName, 
                  tblchurchs.ChurchName, 
                  tblchurchs.Address, 
                  useraccounts.AccountID, 
                  useraccounts.AccountNo 
                  FROM useraccounts 
                  INNER JOIN tbluserdetail 
                  ON tbluserdetail.UserID = useraccounts.UserID 
                  INNER JOIN tblchurchs 
                  ON tblchurchs.AChurchID = tbluserdetail.AChurchID 
                '); 
           while($get_info = mysql_fetch_array($query)){ 
            $FName = specialchar($get_info['FirstName']); 
            $MName = specialchar($get_info['MiddleName']); 
            $LName = specialchar($get_info['LastName']); 
            $CName = specialchar($get_info['ChurchName']); 
            $CAdd = specialchar($get_info['Address']); 
            $AN = specialchar($get_info['AccountNo']); 
            $AI = specialchar($get_info['AccountID']); 

            echo '<option value="'.$AI.'">'.$FName." ".$MName." ".$LName." (".$CName."-".$CAdd.")".'</option>'; 
           } 

          ?> 
         </select> 
        </div> 

        <div class="col-md-6 col-sm-12 col-xs-12 "> 
         <p>Account No</p> 
         <input type="text" class="form-control" name="AccountNo" value=""Placeholder="000000" readonly> 
        </div> 
       </div> 
       <div class="row"> 
        <div class="col-md-6 col-sm-12 col-xs-12 "> 
         <p>Address</p> 
         <input type="text" class="form-control" name="Address" readonly> 
        </div> 
        <div class="col-md-6 col-sm-12 col-xs-12 "> 
         <p>Contact No</p> 
         <input type="text" class="form-control" name="ContactNo" readonly> 
        </div> 
       </div> 
       <div class="row"> 
        <div class="col-md-6 col-sm-12 col-xs-12 "> 
         <p>Gender</p> 
         <input type="text" class="form-control" name="Gender" readonly> 
        </div> 
        <div class="col-md-6 col-sm-12 col-xs-12 "> 
         <p>Age</p> 
         <input type="text" class="form-control" name="Age" readonly> 
        </div> 
       </div> 

Answer 1

Эта ссылка может ответить на наш вопрос. Это прямая фильтрация. http://www.jqueryscript.net/demo/Create-Basic-Product-Filters-using-jQuery/