listy rozwijalne

Question

<select name='Lista_1'>
    <option value='A'>Lista druga Aktywna</option>
    <option value='N'>Lista druga Nie aktywna</option>                          
</select>
 
 
<select name='Lista_2'>
    <option value='X'>Opcja 1</option>
    <option value='Y'>Opcja 2</option>  
    <option value='Z'>Opcja 3</option>                  
</select>

Witam, mam nadzieję że nie zostanę zlinczowany że wystawiam ten temat poraz drugi, ale nie wiedziałem jak go odświerzyć, a nie uzyskałem konkretnej odpowiedzi, albo przykład z odpowiedzi nie działał.

Chodzi mi o to żeby po wyborze pierwszej opcji z listy pierwszej - Lista_2  była aktywna i po wyborze drugiej opcji z listy pierwszej - Lista_2 była nieaktywna.

 

mam przykład w którym checkbox wyłącza listę i poniżej go wyświetlę, ale nie wiem jak zrobić że to lista wyłącza listę. 

<form>
  <input type="checkbox" id="pizza" name="pizza" value="yes">
  <label for="pizza">I would like to order a</label>
  <select id="pizza_kind">
    <option>(choose one)</option>
    <option value="margaritha">Margaritha</option>
    <option value="hawai">Hawai</option>
  </select>
  pizza.
</form>

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

var update_pizza = function () {
    if ($("#pizza").is(":checked")) {
        $('#pizza_kind').prop('disabled', false);
    }
    else {
        $('#pizza_kind').prop('disabled', 'disabled');
    }
};

$(update_pizza);
$("#pizza").change(update_pizza);

Z góry dzięki za pomoc :)

Comments

Było poprawne rozwiązanie tak jak to opisałeś poprzednio i chyba nawet identyczne co dostałeś niżej, więc nie gadaj, że nie było...

Answer 1

https://codepen.io/anon/pen/KQrWGB

Comments

Dzięki wielkie :)