2016-10-28 47 views
0

您好,我有以下複選框如果與Dropbox的條款

 <div class="checkbox"> 
      <label for="sendEmail"> 
       <g:checkBox name="sendEmail" checked="${sendEmail == 'on'}" 
       onchange="swapFieldsets(this, '#sa-email', '#sa-password')" /> 
       <g:message code="onBoard.noAccessEmail" default="Send Access Email" /> 
      </label> 
     </div> 

,如果是開/關它這樣做:

<fieldset id="sa-email" ${raw(sendEmail == "on" ? "" : "class='hidden' disabled")}> 

     <g:render template="businessEmailFields" bean="${pEmail}" /> 
    </fieldset> 
    <fieldset id="sa-password" ${raw(sendEmail != "on" ? "" : "class='hidden' disabled")}> 

    <g:render template="homeEmailFields" bean="${pEmail}" /> 
    </fieldset> 

現在我想用這個替換它清除該複選框 並保持相同的邏輯

<g:select name="book.category" from="${['Choice1', 'Choice2']}" 
       /> 

,如果我們從菜單中選擇1選擇渲染

<g:render template="homeEmailFields" bean="${pEmail}"/> 

,如果我們選擇選擇2來渲染其他頁面

總之我想:我只是想刪除的複選框,並用具有選項「選擇1」和「選擇2下拉菜單更換'。你可以看到與hitbox如果它是我們應該呈現一個頁面,現在我不想chech如果它是我想檢查,如果我們已經從下拉菜單中選擇'Choice1'

+0

能否請您添加一個明確的問題陳述?目前,我不明白你在問什麼。 – evolutionxbox

+0

是的,我只想刪除複選框,並將其替換爲具有選項'Choice1'和'Choice2'的下拉菜單。並且您可以使用hitbox查看是否顯示頁面,現在我不顯示我想要檢查我們是否從下拉菜單中選擇了'Choice1' – Lara

+0

我會說這是一種相當奇怪的做事方式,通常你會通過onChange或jquery捕獲更改方法然後在div內的模板中使用ajax加載。你看到檢查gsp(grails)中的複選框的值而不是javascript。 – Vahid

回答

0

正如我在我的評論中提到的,通常你有一個select box

<g:select class="form-control small" name="adminButtons" from="${adminButtons}" 
noSelection="${['':"${g.message(code:'queuekit.chooseAdminAction.label')}"]}" 
    valueMessagePrefix="queuekit.adminButton"/> 

然後把它稱爲through jquery但你會再change that to

$('#adminButtons').on('change', function() { 
     var value = $('#adminButtons').val(); 
     if (value!='') { 
      var params=$.param({changeType:value});   
      var url='${createLink(controller:'queueKit',action:'changeConfig')}?'+params 
      $.ajax({ 
      type: 'POST', 
      url: url, 
      //data: $('#search').serialize(), 
      success: function(data){ 
       //Where #results id the DIV id that the template is loaded 
       //into which would be your template you are loading 
       $('#results').html(data); 
      } 
     }); 
     } 
    }); 

但隨後未嘗試通過GSP來查找實際值改變GSP - 你的GSP然後將通過Ajax調用加載控制器加載了一個模板,這將是你的模板......

你是怎麼做的事情,所以有點不同,但通常是如何相互作用的JavaScript完成