Question

我正在使用ajax来显示数据。当我从下拉框中选择名称时，我使用ajax并显示所选名称的数据。我使用以下脚本：

 <script>
    $(document).ready(function(){   
    $('#absentEmployeeName').change(function(){ 

        alert($(this).val());

        var absentEmployeeName = ($(this).val()); 
        alert("hi");

    if ($(this).val() != '') { 

    $.ajax({ 
        url : '${sendEmpNameResourceURL}', 
        data : { 

                <portlet:namespace />absentEmployeeName : $(this).val() 
        }, 
    type: 'POST', 
    dataType : "json", 
        success : function(jsonArray) { 

            alert(jsonArray);

            $('#myUniqueLabelId').html( jsonArray[0]+ jsonArray[1] + jsonArray[2]);             
        } 
        }); 
    } 
});
  });
</script>

其中 absentEmployeeName 是保管箱的ID，我在其中选择使用ajax显示其信息的名称。

我现在要做的是除了从dropbox中选择名称，我还要选择日期;并根据选择的日期和名称（来自保管箱）我想显示数据。我应该如何将ids（dropbox和date）传递给serveresource函数，以便我可以显示数据？

在上面的脚本中：

$('#absentEmployeeName').change(function()

我只传递了Dropbox的id。如何传递两个字段的ID？

编辑：

我的HTML的链接：

  <script>
$(document).ready(function(){   
$('#absentEmployeeName').change(function(){ 

    alert($(this).val());

    var absentEmployeeName = ($(this).val()); 
    alert("hi");

if ($(this).val() != '') { 

$.ajax({ 
    url : '${sendEmpNameResourceURL}', 
    data : { 

            <portlet:namespace />absentEmployeeName : $(this).val() 
    }, 
type: 'POST', 
dataType : "json", 
    success : function(jsonArray) { 

        alert(jsonArray);

        $('#myUniqueLabelId').html( jsonArray[0]+ jsonArray[1] + jsonArray[2]);             
    } 
    }); 
} 
});
});
</script>

<body>

 <select id="absentEmployeeName" name="absentEmployeeName" >
 <%List<Employee> EmpList = EmployeeLocalServiceUtil.getEmployees(-1,-1);
        List<LeaveCard> leaveBalList = LeaveCardLocalServiceUtil.getLeaveCards(-1,-1);
    for(Employee emp : EmpList ) {
        long empId = emp.getEmpId();
  %>
  <option value='<%=emp.getEmpId() %>' name = "leaveEmp"><%=emp.getEmpFname()%>        <%=emp.getEmpLname()%></option>

    <%}  %>
  </select>

  <div id = "empDetails">

  </div>
  <input type = "date" id = currentDate/>

 <td colspan=2>
  <input type="radio" name="forcedabsent" value="LWP">To be treated as LWP&nbsp;&nbsp;
  <input type="radio" name="forcedabsent" id = "absenteeEmp"> <label id="myUniqueLabelId"></label> to apply for leave<br><br>
 <b>Other instructions to Employee/HR</b><br>
 <textarea cols=60 rows=3 name = "markAbsentRemarks" id = "markAbsentRemarks">   </textarea>
 </td>

 </body>

Liferay选择两个字段时使用ajax显示数据

0 个答案: