在Spring MVC中的同一页面中调用另一个表单中的一个表单

时间:2017-05-23 13:28:15

标签: javascript java jquery spring spring-mvc

我在Spring MVC项目中有一个html页面,Page1.html。此页面包含加载页面时显示的项目列表。它有其他形式(1,2,3 ..)实际上我的情况 Page1.html 有6种不同的形式。当用户选择一些字段然后按下按钮" showForm"它调用jQuery来显示第二种形式,但它不适合我,但是一旦我使用简单的形式它对我来说工作正常,但我必须使用Spring form tld这里是我的代码片段 -

    **HTML**
<form:form method="post" modelAttribute="add">
<div class="form-group">
    <form:select path="Type" class="form-control" id="Choice">
        <form:option value="${null}">--Select Type--</form:option>
        <form:options items="${TypeList}" itemLabel="Type"itemValue="TypeId" />
    </form:select>
</div>
<div class="form-group">
    <form:select path="Language" class="form-control" id="Language">
       <form:option value="{null}">--Select Language--</form:option>
       <form:options items="${languageList}" itemLabel="languages"
                                    itemValue="languages" />
    </form:select>
 </div>
<div>
     <form:button type="button" class="btn btn-success" id="showForm">Show
                        Form</form:button>
</div>
</form:form>

在同一页面中,第二种形式为

<div id="singleChoiceSingleLanguage">
  <form:form method="post" modelAttribute="add">
     <div id="show">
        <form:textarea id="Paragraph" path="eParagraph" />
            <script>
                    CKEDITOR.replace('Paragraph');
            </script>
    </div>
 </form:form>
</div>

我的JQuery代码看起来像 -

$('#showForm').on('click',function(){
      if((($('#Choice').val() == 'Single Choice')|| ($('#Choice').val() == 'Multiple Choice')) && (($('#Language').val() == 'ENGLISH') || ($('#Language').val() == 'HINDI'))){

          $('#singleChoiceSingleLanguage').show();
      }
      else{
       $('#singleChoiceSingleLanguage').hide();
      }

以上代码对我不起作用..任何人都可以帮助我。如果设计中需要重构,请告诉我。感谢

0 个答案:

没有答案