Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] blokada tych samych option w dwóch selectach
Forum PHP.pl > Forum > Po stronie przeglądarki
grzegorz_g
mam formularz z dwoma selectami

  1. <select id="start" onchange="price();">
  2. <option value="1">Warszawa</option>
  3. <option value="2">Katowice</option>
  4. <option value="3">Kraków</option>
  5. <option value="4">Wrocław</option>
  6.  
  7.  
  8. <select id="end" onchange="price();">
  9. <option value="1">Warszawa</option>
  10. <option value="2">Katowice</option>
  11. <option value="3">Kraków</option>
  12. <option value="4">Wrocław</option>
  13. </div>


i teraz chce osiągnąć efekt gdy na jednym z selectów wybiorę np Kraków to na drugim zostanie on zablokowany i odwrotnie
kombinowałem z .disabled ale jakoś mi się tego udało się zrobić

może ktoś będzie mi w stanie pomóc
exood
pokaż jak próbowałeś
celbarowicz
celbarowicz nie balcerowicz post #829021(zajrzyj do pomógł)
wiiir
spróbuj tego z JQ

  1. $(document).ready(function(){
  2. $('#start').change(function(){
  3. $('#end').val(0)
  4. var val = $(this).val()
  5. $('#end option').each(function(){
  6. if($(this).val()==val){
  7. $(this).attr('disabled',true)
  8. }else{
  9. $(this).attr('disabled',false)
  10. }
  11. })
  12.  
  13. })
  14. })


dodałem jedna pustą opcje ale to chyba nie problem, a tylko po to zeby zerowac wybor
  1. <select id="start">
  2. <option value="1">Warszawa</option>
  3. <option value="2">Katowice</option>
  4. <option value="3">Kraków</option>
  5. <option value="4">Wroclaw</option>
  6. </select>
  7.  
  8.  
  9. <select id="end" >
  10. <option value="0"></option>
  11. <option value="1">Warszawa</option>
  12. <option value="2">Katowice</option>
  13. <option value="3">Kraków</option>
  14. <option value="4">Wroclaw</option>
  15. </select>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.