单个forEach循环,用于在选择框(下拉框)和输入文本/隐藏字段中加载值

时间:2016-12-20 12:11:46

标签: javascript jquery html jstl

我有一个列表 - sampleList,其中我有样本名称和相应的国家/地区名称。我需要在下拉框中显示示例名称,并在隐藏字段中显示相应的国家/地区名称。以下是我使用的代码。

     <select id="sampleId">
            <c:forEach var="options" items="${sampleList}" varStatus="i">
                   <option value="${options.sampleName}" >${options.countryname}</option>
            </c:forEach>
     </select>
     <c:forEach var="options" items="${sampleList}" varStatus="i">
            <input type="hidden" value="${options.countryname}" id="${options.countryname}_country"/>
     </c:forEach>

我的疑问是,是否可以使用单个forEach循环在“选择”框(下拉框)和“输入隐藏”字段中加载值。

1 个答案:

答案 0 :(得分:0)

  

是否可以使用单个forEach循环在“选择”框(下拉框)和“输入隐藏”字段中加载值。

如果您在forEach循环中放置HTML5 data attribute而不是输入隐藏字段,则可以。

<select id="sampleId">
    <c:forEach var="options" items="${sampleList}" varStatus="i">
           <option value="${options.sampleName}"
                   data-country="${options.countryname}"
                   id="${options.countryname}_country">${options.countryname}
           </option>
    </c:forEach>
 </select>