1. 程式人生 > >在jquery中用下拉框列表顯示預設的值

在jquery中用下拉框列表顯示預設的值

1、在postUpdate.jsp中新增js如下:

<script type="text/javascript">

$(document).ready(function(){
        var qx_value = $('#qx_select_value').val();

        $("#qx_select option[value='"+qx_value+"']").attr("selected", "selected");

 }) 

</script>
  • 核心程式碼就這一句話:
$("#qx_select option[value='"
+預設顯示的option的值+"']").attr("selected","selected");

postUpdate.jsp中HTML中body的程式碼:

                <input type="hidden" id="qx_select_value"  value="${jd.qxid }"/> /*通過hidden把上個action中的select需要選中的value儲存起來,以便於jquery呼叫。*/
                <select id="qx_select"  name="qxid" onChange="selectjd()"
>
<c:forEach items="${qxlist }" var="qx"> <option value='${qx.qxid }'>${qx.qx }</option> </c:forEach> </select>
  • 其中,在js中獲取select的值(value)通常這樣做:(如:select的id為qx_select):
var qx_select_value = $("#qx_select"
).val();