скрыть поля в выпадающем списке, используя javascript в cakephp - PullRequest
Новая
       5

скрыть поля в выпадающем списке, используя javascript в cakephp

0 голосов
/ 18 марта 2020

Я хочу, чтобы пользователь выбрал опцию из выпадающего списка «доступно» или «недоступно». Если выбрано значение «недоступно», я хочу скрыть следующие 2 поля. например, в строке в таблице пользователь выбирает недоступные из выпадающего списка, тогда 2 поля для времени с идентификаторами hide1 и hide2 затем скрываются. В настоящее время я не могу получить какое-либо обнаружение из выпадающего списка 

<script type='text/javascript'>

    function checkForOther() { 
        var e = document.getElementById("selectv"');
        var strUser = e.options[e.selectedIndex].value;

        alert (strUser);

        //hide fields

    } 
</script>

//view
<table class="table table-striped table-bordered" cellpadding="0" cellspacing="0" >
        <thead class='secondary-color-dark white-text'>
             <tr>
                <th style="width:40%">Day/Availability</th>
                <th style="width:30%">Start Time</th>
                <th style="width:30%">End Time</th>
             </tr>
        </thead>
        <tbody>
             <?php
                $availablitychoices=array(0 => 'Available',1 => 'Not Available' );
                foreach ($tutor->availability_for_tutors as $key => $item) {
             ?>
              <tr>
                 <td style='vertical-align:middle'>
                    <b><?= $item->weekday ?></b>
                    <br>
                    <?= $this->Form->input('availability_for_tutors.' . $key . '.not_available',array('label' => '', 'type' => 'select', 'options' =>$availablitychoices, 'class'=>'form-control browser-default select-input','id'=>'selectv',  'onchange' => "checkForOther(this);", 'value' => $item->available)) ?>
                 </td>
                 <td>
                    <br/>
                    <?= $this->Form->input('availability_for_tutors.' . $key . '.start_time', array('label'=>'','id'=>'hide1','default' => '9:00', 'class' => 'av_stime','interval' => 5,'timeFormat'=>12,"type"=>"time",'value'=>$item->start_time)) ?>
                 </td>
                 <td>
                    <br/>
                    <?= $this->Form->input('availability_for_tutors.' . $key . '.end_time', array('label'=>'','id'=>'hide2','default' => '10:00', 'class' => 'av_stime','interval' => 5,'timeFormat'=>12,"type"=>"time",'value'=>$item->end_time)) ?>
                 </td>
              </tr>
          <?php } ?>
     </tbody>    
</table>
...