关于2级联动的问题,如何在加载时取得2个级的选中值

vitou 发布于 2012/03/15 17:22
阅读 275
收藏 0

我实现了2级联动 但是我想页面加载的时候就把一级和二级的选项值 显示出来 即由选中selected项,

我有这样一个情况,有时二级是没有选项的,有时2级时候选项的,这个要看情况如action中有2级的值 则2级有选中值 反之则没有。

如下是我的代码:

 <td nowrap>产品类型:</td><td><s:select id="faqTypes" name="faqTypeId" list="faqTypes" listKey="id" listValue="name" headerKey="-1" headerValue="" cssStyle="width:150px"/></td>
    <td nowrap>产品主题:</td><td><s:select id="faqTopics" name="faqTopicId" list="faqTopics" listKey="id" listValue="name"  headerKey="-1" headerValue="" cssStyle="width:150px"/></td>

<input type="hidden"  id="type_value"  value="<s:property value="#request.faqType.id"/>"/>
<input type="hidden"  id="type_text" value="<s:property value="#request.faqType.name"/>"/>
<input type="hidden"  id="topic_value"  value="<s:property value="#request.faqTopic.id"/>"/>
<input type="hidden"  id="topic_text" value="<s:property value="#request.faqTopic.name"/>"/>

js代码如下:

<script type="text/javascript">
     $(function(){
      var value =$('#type_value').attr("value");
         var text =$('#type_text').attr("value");
        $('#faqTypes').get(0).value=value;
         var count=$("#faqTypes option").length;
     for(var i=0;i<count;i++){
     if($("#faqTypes ").get(0).options[i].text == text){ 
               $("#faqTypes ").get(0).options[i].selected = true; 
             break; 
           } 
       } 
       var value1 =$('#topic_value').attr("value");
         var text1 =$('#topic_text').attr("value");
         if(value1 != null&& text1 !=null  && $('#faqTypes').get(0).value == value){
          $('#faqTopics').get(0).value=value1;
         var count1=$("#faqTopics option").length;
     for(var i=0;i<count1;i++){
     if($("#faqTopics ").get(0).options[i].text == text1){ 
               $("#faqTopics ").get(0).options[i].selected = true; 
             break; 
           } 
       }
         }
          var prod_type = $('#faqTypes');
            var prod_topic = $('#faqTopics');
            prod_type.selectChain({
                target: prod_topic,
                <%if(request.getParameter("faqTopicId")!=null && !request.getParameter("faqTopicId").equals("-1")){%>
                    url: '<%=path%>/admin/questionAdminAction!getfaqTopics?'+'faqTopicId='+'<%=request.getParameter("faqTopicId")%>',
                <%}else{%>
                    url: '<%=path%>/admin/questionAdminAction!getfaqTopics',
                <%}%>
                type: 'post',
                data: ""
            }).trigger('change');
        });
         <script/>

 

这样的话 只是能实现2级联动 还有确定 一级的选中值, 如果我2个 都设为选中值的话,就失去了2级联动的功能。

 

加载中
返回顶部
顶部