select,触发js同时取得option的value 和显示的名称

<option value="${u.szj}" onclick="document.getElementById('transit_Distance').value=${{u.transit_Distance}">${u.szj_Name}</option>


---------------------------------------------
<html:select property="szj"  style=""
           onchange="document.getElementById('transit_Distance').value=document.getElementById('sss_'+this.value).value">
          <html:option value="" > 未选择 </html:option>
          <c:forEach items="${requestScope.szj_list}" var="u">
            <c:choose>
              <c:when test="${u.szj ge -1}">
                <html:option value="${u.szj}"> ${u.szj_Name} </html:option>
              </c:when>
              <c:otherwise>
                <html:option value="${u.szj}"> ${u.szj_Name} </html:option>
              </c:otherwise>
            </c:choose>
          </c:forEach>
        </html:select>
       
        <c:forEach items="${requestScope.szj_list}" var="u">
                <input id="sss_${u.szj}" value="${u.transit_Distance}" type="hidden"/>
          </c:forEach>
        </div></td>