内容随着下拉选项的动态变化

<script type="text/javascript">
$(document).ready(function(){
	
	nodeDetail();   //一加载就调用
});

function nodeDetail(){
	 var valinfo = $("#nodeType").find("option:selected").attr("valinfo");   //获取 到 选项说明的 值 
	 $("#tdinfo").html(valinfo);
}
</script>

<table> 
	<tr>
        <th>下拉选项：</th>
        <td class="starItem">
        	<select name="vo.nodeType" id="nodeType" class="select1" dataType="Require" msg="选项下拉" οnchange="nodeDetail();">
			<option value="" valinfo=""></option>
			<c:forEach var="val" items="${nodeList}">
			
			<option value="${val}" valinfo="${val.info }" <c:if test="${vo.nodeType==val}">selected="selected"</c:if>>${val.text}</option>     
				</c:forEach>
			</select>
		</td>
  	</tr>
<tr><th>下拉选项说明：</th>
<td id="tdinfo">
		//显示动态变化的值
</td>

</tr>
</table>