jquery 下拉列表框 改变 动态 改变相应值

方法一：

$(document).ready(function() {
$("#biId").change(function() {
debugger;
var srcBiUrl = $(this).children('option:selected').attr("value3");
var dstBiUrl=$(this).children('option:selected').attr("value4");
$("#srcBiUrl").val(srcBiUrl);
$("#dstBiUrl").val(dstBiUrl);
});
$('#biId').trigger('change');
});


方法二：
onchange="$('#attrsTbl').val($('#biId').find('option:selected').attr('value2'));

<select name="biId" id="biId" style="width:400px;" onchange="$('#attrsTbl').val($('#biId').find('option:selected').attr('value2')); ">
                    <c:forEach varStatus="rp" items="${biList}" var="item" >
                    <option value="${item.biId }" value2="${item.reportTab}" value3="${item.dispatchUrl}" value4="${item.dstBiUrl}" <c:if test="${item.biId == repDto.biId}">selected</c:if>>${item.biName }</option>
                    </c:forEach>
                    </select>