Как сделать, чтобы раскрывающееся значение отображало таблицу в jquery? - PullRequest
Новая
       13

Как сделать, чтобы раскрывающееся значение отображало таблицу в jquery?

0 голосов
/ 16 ноября 2018

У меня есть раскрывающийся список, но когда пользователь нажимает на раскрывающееся значение, он показывает результаты в формате json, например: [{"id":"11111","label":"PROGRAMMER","value":"1111"}. Вместо этого JSON - я хочу показать таблицу, которая у меня есть ниже в JQuery. Возможно ли в этом случае? Я просто хочу показать свою таблицу, когда пользователь выбирает раскрывающееся значение. спасибо за помощь.

Вот мой код: 

                    <table class="table">


                        <tbody>

                            <tr> 

                                <th></th>


                                <c:forEach var="stepNumber" begin="1" end="#{testBean.jobEntity.stepSize}" varStatus="loop">

                                    <c:if test="${loop.index lt 9}"> 
                                        <th  class="right-header">Step #{stepNumber}</th>
                                    </c:if>

                                </c:forEach>
                            </tr>

                            <c:forEach items="#{testBean.jobEntity.jobRows}" var="jobRow"> 

                                <tr class="odd">

                                    <td class="left-header">#{jobRow.rateType}</td>
                                    <c:forEach items="#{jobRow.steps}" var="step" varStatus="loop">
                                        <c:if test="${loop.index lt 8}"> 
                                            <td class="left-header">#{step.amount}</td>
                                        </c:if>
                                    </c:forEach>


                                </tr>
                            </c:forEach>



                </c:if>




            </div>
        </f:view>


        <script type="text/javascript">

         $( "#sJobClass" ).on("change", function() {

                   var jobClassCd  = $(this).val(); 
                   if (jobClassCd !== 0) {
                       $.post('http://localhost:8080/myApp/JobSearchItem.xhtml',

                       function(data) {
                $('#results').append(JSON.stringify(data) + '<br/><br/>');




    }); 

                   }
               });



        </script>

HTML с тегами jstl / jsf: 

        <select class="selectMenuSize"  id="sJobClass" name="sJobClass">
  <option value="">Choose</option>
  <c:forEach items="#{myBean.jobSearchItems}" var="searchItem">
    <option value="#{searchItem.getSearchValue()}" id="searchInputField"
            name="searchInput">#{searchItem.toString()}</option>
  </c:forEach>
</select>
...