Vfrdtyky

I have a dropdown, but when user clicks on a dropdown value it shows a json format results like this: [{"id":"11111","label":"PROGRAMMER","value":"1111"}. Instead of that json - I want to show a table that I have below in jquery. Is it possible in this case? I just want to show my table when user select a dropdown value. thanks for the help.

Here is my code:

                    <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 with jstl / jsf tags:

        <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>