Javascript 我想通过在php中传递所有文本框值来进行ajax调用

当我选择“截止日期”时，我想对员工姓名进行ajax调用。我希望员工姓名是客户姓名、位置、起始日期和截止日期的组合。那么，如何在文本框中进行ajax调用呢

<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代码是：

<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>

$（'.todate'）。单击（函数（）{
var val1=$（'.client_name'）.val（）；
var val2=$（'.client_location'）.val（）；
var val3=$（'.from_date'）.val（）；
var val4=$（'.to_date'）.val（）；
$.ajax（{
键入：“POST”，
url:'process.php'，
数据：{
text1:val1，text2:val2，text3:val3，text4:val4}，
成功：功能（响应）{
$（'emp_name'）.html（响应）；
} 
}); 
}); 

如果使用日期选择器，请选择日期，然后使用onSelect事件 例如

---

如果您使用的是日期选择器，请选择日期，然后使用onSelect事件 例如

---

请分享，你尝试了什么$（'.todate'）。单击（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'，数据：{text1:val1，text2 val2，text3:val3，text4:val4}，成功：function:function）（response）{$（'#emp_name'）.html（response）；}}}}）；此代码正在工作，但未显示到日期的值。请尝试使用此变量val3=$（'#datepicker-10'）.val（）；var val4=$（'#datepicker-11'）.val（）；在您的js代码中，您在

中使用的类

todate

在哪里？请分享您尝试过的内容。$（'.todate'）。单击（函数（）{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'，数据：{text1:val1，text2:val2，text3:val3，text4:val4}，success:function（response）{$（'#emp_name'）.html（response）；}}}}）；此代码正在运行，但未显示到日期的值。请尝试此变量val3=$（'#datepicker-10'）。val（）；var val4=$（'#datepicker-11'）.val（）；在js代码中，您在

中使用的类

todate

在哪里？

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

    //write you ajax here
    } 
    });