Ich möchte Ajax Anruf durch die Übergabe aller Textbox Wert in PHP

Question

Ich möchte Ajax Anruf für den Namen der Mitarbeiter, wenn ich bis zum Datum Ich möchte Mitarbeiter Name, der Kombination aus Name des Kunden, Ort, von Datum und Datum ist .So wie kann ich Ajax auf Textbox anrufen?

<form> 
    <fieldset> 
     <div class="row"> 
      <section class="col col-2"> 
       <label class="select"> 
        <select name="place1" id="parent_cat"> 
         <option selected="" disabled="">Client Name</option> 
          <?php 
          $sql1="select * from m_client order by client_name"; 
          $res1=mysql_query($sql1); 
          while($row1=mysql_fetch_array($res1)) { 
          ?> 
           <option value="<?php echo $row1['a_id']; ?>"><?php echo $row1['client_name']; ?></option> 
          <?php }?> 
         </select> <i></i> 
        </label> 
      </section> 
      <section class="col col-2"> 
       <label class="select"> 
        <select name="sub_cat" id="sub_cat"> 
         <option selected="" disabled="">Location</option> 
        </select> 
       </label> 
      </section> 
      <section class="col col-2"> 
       <label class="input"> <i class="icon-append fa fa-calendar"></i> 
        <input type="text" name="f1" autocomplete="off" placeholder="From Date" id="datepicker-10" data-dateformat='dd-mm-yy'> 
       </label> 
      </section> 
      <section class="col col-2"> 
       <label class="input"> <i class="icon-append fa fa-calendar"></i> 
        <input type="text" name="f2" autocomplete="off" placeholder="To Date" id="datepicker-11" data-dateformat='dd-mm-yy'> 
       </label> 
      </section>       
      <section class="col col-3"> 
       <label class="select"> 
        <select name="emp_name" id="emp_name"> 
         <option selected="" disabled="">Employee Name</option> 
        </select> 
       </label> 
      </section> 
     </div> 
    </fieldset> 
    <input type="submit" name="submit" value="Submit Details" > 
</form> 

Javascript-Code ist:

<script type="text/javascript"> 
    $('.todate').click(function() { 
     var val1 = $('.client_name').val(); 
     var val2 = $('.client_location').val(); 
     var val3 = $('.from_date').val(); 
     var val4 = $('.to_date').val(); 
     $.ajax({ 
      type: 'POST', 
      url: 'process.php', 
      data: { 
       text1: val1, text2: val2 , text3: val3, text4: val4 }, 
       success: function(response) { 
       $('#emp_name').html(response); 
      } 
     }); 
    }); 
</script> 

Answer 1

Wenn Sie Datumsauswahl verwenden, um das Datum auszuwählen dann onSelect Ereignis für zB verwenden.

$("#dt").datepicker({ 
    onSelect: function(dateText, inst) { 

    //write you ajax here 
    } 
    });