2016-02-25 64 views
1

我寫了這個腳本來顯示其他選擇字段中的隱藏標籤和整個選擇字段CakePHP, 腳本功能顯示標籤而不是選擇字段。在cakephp中使用腳本顯示隱藏的選擇字段

這裏是的HtmlHelper:

<div class="form-group"> 
    <label for="job_category" class="col-sm-5 control-label">Tutor City</label> 
    <div class="col-sm-7"> 
     <?php echo $this->Form->input('city_id', 
      array('class' => 'user_login form-control', 
        'placeholder' =>'TutorCity', 
        'label' => false, 
        'div' => false, 
        'id' => 'city' 
      )); 
     ?> 
    </div> 
</div> 
<div class="form-group"> 
    <label for="job_category" class="col-sm-5 control-label" id="area_label" hidden>Tutor Access Areas</label> 
    <div class="col-sm-7"> 
     <?php echo $this->Form->input('area_id', 
      array('class' => 'user_login form-control', 
        'placeholder' => 'TutorAreas', 
        'id' => 'area', 
        'div' => false, 
        'label' => false, 
        'multiple' => true, 
        'type' => 'hidden' 
      )); 
     ?> 
    </div> 
</div> 

腳本:

<script type="text/javascript"> 
    $("#city").change(function() { 
     $("#area_label").show(); 
     $("#area").show(); 
    }) 
</script> 

任何幫助表示讚賞。謝謝。

+0

您的代碼是否創建ID爲「area」的多個元素?如果是這樣,那麼它將不起作用,因爲ID必須是唯一的。使用類而不是ID。 –

+0

至於爲什麼'$(「#area」)。show()'不起作用,那麼查看呈現的最終HTML會更有幫助。 –

+0

@Tony它給出了一個錯誤,如果我使用類 錯誤是..數組進行字符串轉換。 –

回答

0

第二輸入隱藏輸入<input type="hidden">所以產生選擇字段刪除type => hidden

<?php echo $this->Form->input('area_id', 
      array('class' => 'user_login form-control', 
        'placeholder' => 'TutorAreas', 
        'id' => 'area', 
        'div' => false, 
        'label' => false, 
        'multiple' => true, 
        'type' => 'hidden' // remove this 
      )); 
     ?> 
0

您需要刪除隱藏第一類型。您可以嘗試使用不帶顯示的類型文本。您可以在更改時更改輸入欄顯示塊。