Отключить выпадающий список на основе первого раскрывающегося списка в jquery

-1

Может ли кто-нибудь дать мне пример того, как отключить раскрывающийся список? Я хочу, чтобы пользователь выбирал тренеров и наставников или других, второй и третий раскрывающийся список отключается. Спасибо за помощь.Отключить выпадающий список на основе первого раскрывающегося списка в jquery

<tr> 
 
\t \t <td>Action</td> 
 
\t \t <td><select name = "TTID1" id="TTID1" style="width:250px" onchange="otherAction(this.value)"> 
 
\t \t <option value="O"></option> 
 
    \t <option value="600">Classroom Training</option> 
 
    \t \t <option value="601">Coaches and Mentoring by IM</option> 
 
    \t \t <option value="602">On Job Training</option> 
 
\t \t <option value="9999">Others</option> 
 
\t \t </select></td> 
 
\t \t 
 
\t \t <td>Proposed Training in ILSAS</td> 
 
\t \t <td><select name = "trainGroup1" id="trainGroup1" style="width:250px" onchange="otherIlsas(this.value)"> 
 
\t \t <option value="O"></option> 
 
    \t <option value="700">Power Engineering & Energy Training</option> 
 
    \t \t <option value="701">Management Training</option> 
 
    \t \t <option value="702">IT & Corporate System Training</option> 
 
\t \t <option value="703">Business Operation Tools Certification</option> 
 
\t \t <option value="9999">Others</option> 
 
\t \t </select></td> 
 
\t \t 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td>Course</td> 
 
\t \t <td><?php 
 
\t \t 
 
\t \t $qry="SELECT trainID, trainText FROM tbltraininglist order by traintext asc"; 
 
\t \t $result=mysql_query($qry); 
 
\t \t 
 
\t \t echo "<select name = 'trainID1' id='trainID1' style='width:250px')'>"; 
 
\t \t echo "<option value ='null'></option>"; 
 
\t \t while ($row = mysql_fetch_array($result)) { 
 
\t \t 
 
    \t \t 
 
    \t \t ?> 
 
\t \t \t <option value="<?php echo $row['trainID']; ?>"><?php echo $row['trainText']; ?> </option> 
 
\t \t \t <?php 
 
    \t \t } \t 
 
\t \t 
 
\t \t ?> 
 
\t \t </select></td>

источник

2015-07-27 Yana Rina

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#TTID1').change(function() { 
     if($(this).val() == "601" || $(this).val() == "9999") 
     { 
      $('#trainGroup1').prop('disabled', true); 
     } 
     else 
     { 
      $('#trainGroup1').prop('disabled', false); 
     } 
    }); 
}); 
</script>

Вот это супер основной ответ, используя OnChange событие. Сделав его более динамичным и настраивая для правильного сброса выбранных полей, я оставлю вас для настройки. :)

источник

2015-07-27 03:28:00 TomDillinger

спасибо. он отлично работает! –

Попробуйте этот простой пример, как показано ниже:

$('#TTID1').on('change', function(){ 
 
    
 
    if ($(this).val() == 601 || $(this).val() == 9999) { 
 
     
 
     $('#trainGroup1 option[value="700"], #trainGroup1 option[value="701"]').prop('disabled', true); 
 
    } else { 
 
     $('#trainGroup1').find('option').prop('disabled', false); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<tr> 
 
\t \t <td>Action</td> 
 
\t \t <td><select name = "TTID1" id="TTID1" style="width:250px"> 
 
\t \t <option value="O"></option> 
 
    \t <option value="600">Classroom Training</option> 
 
    \t \t <option value="601">Coaches and Mentoring by IM</option> 
 
    \t \t <option value="602">On Job Training</option> 
 
\t \t <option value="9999">Others</option> 
 
\t \t </select></td> 
 
\t \t 
 
\t \t <td>Proposed Training in ILSAS</td> 
 
\t \t <td><select name = "trainGroup1" id="trainGroup1" style="width:250px"> 
 
\t \t <option value="O"></option> 
 
    \t <option value="700">Power Engineering & Energy Training</option> 
 
    \t \t <option value="701">Management Training</option> 
 
    \t \t <option value="702">IT & Corporate System Training</option> 
 
\t \t <option value="703">Business Operation Tools Certification</option> 
 
\t \t <option value="9999">Others</option> 
 
\t \t </select></td>

источник

2015-07-27 03:35:49

Это не работает! Мне нужно включить onchange в предлагаемом обучении в выпадающем списке ILSAS? –

Вы должны написать 'otherAction (this.value)', поэтому я могу настроить эту функцию. И еще одно: в вашем случае, чтобы это работало, нет необходимости ставить атрибут «onchange». См. Мой пример, я удаляю функцию «onchange». –

Отключить выпадающий список на основе первого раскрывающегося списка в jquery

ответ

Смежные вопросы