在更改事件时在 div 标签中显示地图值

Question

在我的JSP中，我有一个下拉列表来列出所有可用的部门，当客户端选择一个部门时，通过AJAX，我将所有员工的列表放在下一个下拉列表中。

出于AJAX的目的，我使用HahMap

<%@ page contentType="text/xml;charset=UTF-8" language="java"%>
<%@ taglib uri="/WEB-INF/struts-tld/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-tld/struts-bean.tld" prefix="bean" %>
<%@page import="java.util.ArrayList" %>
<response>
     <logic:iterate id="map" name="optionMap">
         <option>
            <optionvalue><bean:write name="map" property="key"/></optionvalue>
            <optionlabel><bean:write name="map" property="value"/></optionlabel>
         </option>
    </logic:iterate>
</response>

我的员工下拉代码是

<html:select property="employeeId" styleId="employeeId" styleClass="combo" onchange="displayEmployeeName(this.value)">
    <html:option value=""><bean:message key="knowledgepro.admin.select"/></html:option>
    <logic:notEmpty name="hlAdmissionForm" property="employees">
        <html:optionsCollection property="employees" label="value" value="key"/>
    </logic:notEmpty>
</html:select>

因此，您可以看到下拉列表的值是该员工的id（哈希映射的键），标签是他/她的名字（哈希图的值）。

到目前为止，一切都运行良好，但是现在需要在下一个表格单元格< code >中显示所选的雇员姓名

您可以在Employee下拉列表的代码中看到，我正在调用一个JS函数，它是

function displayEmployeeName(employeeName) {
    document.getElementById("studentName").innerHTML = employeeName;
}

但因为我正在传递<代码>这个。显示Employee下拉列表的onchange事件中的值，而不是Employment name Employer id。所以有人能告诉我如何在onchange事件中获取＜code＞HashMap＜/code＞的值吗。

Answer 1

我只是把我的JS函数改成这样，就能得到答案了。

function displayEmployeeName(empId) {
      jQuery("#employeeId").find("option[value='" + jQuery("#employeeId").val() + "']").text()
}

谢谢你的回答，很抱歉我用错误的方式描述了这个问题，这是我应该问的。

如何从html中获取选定的标签？

Answer 2

您可以使用this.value获取employeeId，然后在函数中使用员工HashMap询问姓名

function displayEmployeeName(empId) {
    document.getElementById("studentName").innerHTML = myMap[empId];
}

如果您没有全球可用的地图，请查看此答案

this.value返回id的原因是因为你的map是“整数，字符串”，这意味着映射中的值是雇员名称，键是雇员ID。但是，在您的选择onSwite-事件中，您重新引用了选择元素中的值，您为其分配了雇员的id。