1. 程式人生 > >select根據後臺值顯示當前值

select根據後臺值顯示當前值

script裡

<script type="text/javascript">
$(document).ready(function(){  
     var key=$("#selectRefundReason").val();
     //根據值讓option選中 
     $("#refundReason option[value='"+key+"']").attr("selected","selected"); 
}); 
</script>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

div裡

<td align="center" style="background-color: #E7F3FB; 
vertical-align: middle;"
width="20%" height="50px">
<font>原因:</font> </td> <td align="left" style="vertical-align: middle;"> <input type="hidden" id ="selectRefundReason" value="${後臺傳來的值}"/> <select class="easyui-combobox" name="refundReason" id="refundReason" style="resize: none" data-options
="width:220,height:30,editable:false,panelHeight:'auto'">
<c:forEach items="${refundReasonList後臺傳來的鍵值對集合}" var="each"> <option value="${each.dataKey}">${each.dataValue}</option> </c:forEach> </select> </td>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

後臺傳來的值為2  即key=2 對應value='改期後退款'

簡單情況下

<th
>
是否共享航班</th> <td> <input id="codeShareValue" type="hidden" class="span2" value="${後臺傳來的值}" > <select name="codeShare" id="codeShare" class="easyui-validatebox span2"> <option value="0"></option> <option value="1"></option> </select> </td>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
 $(document).ready(function(){ 
    var Flag=$("#codeShareValue").val();
    //alert(Flag);
    //根據值讓option選中 
    if(Flag=="0"){
        $("#codeShare option[value='"+Flag+"']").attr("selected","selected");
    }else if(Flag=="1"){
        $("#codeShare option[value='"+Flag+"']").attr("selected","selected");
    }
}); 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

後臺傳來的值為0

var level_id=$("#level_id").val();
var group_id=$("#group_id").val();
var status = ${memberLevelPrizeGroupRel.status};
//根據值讓option選中
$("#levelId option[value='"+level_id+"']").attr("selected","selected");
$("#groupId option[value='"+group_id+"']").attr("selected","selected");
if (status){
        $("#status").attr("checked",true);//打勾
}