Formularz z warunkami wyświetlania ze

0
<style>
    .ukryte {
    display:none;
    }
    .sprawdz:checked + label +.ukryte {
    display: block;
    }
</style>
 
<div>        
    <div>
     <label> Wybierz opcję</label>
        <select id="medwet" name="2"  value="medwet" class="sprawdz"/>
<option value="" ></option>
<option value="1" >aaaaaaa</option>
<option value="2" >bbbbbbb</option>
<option value="3" >ccccccc</option>
	</select>
        </div>
    </div> 
 
        <div class="ukryte" >
<label >   Wybierz srednice </label>
          <select class="" id="" name=""> 
<option value="1" >200</option>
<option value="2" >180</option>
<option value="3" >160</option>
		</select>
        </div>
    </div> 
</div>

Czy jest możliwość zrobienia warunku...
Jak wybiorę z listy pierwszej aaaaaa lub bbbbb to z drugiej listy bedzie dostępna opcja 180 i 200 a ostatnia czyli 160 będzie zablokowana
oraz jak wybiorę z listy pierwszej cccccc to na drugiej liście zablokowane będzie 200 i 180 a odblokuje się opcja 160

Czy w css nie da się tego zrobić ?

Czy może mi ktoś pomóc nawet jak nie w CSS to w innym języku ..bardzo mi to potrzebę

0

Jakieś mapowanie i kod po backedzie, inaczej nie zablokujesz dostepu.

1

Można jeszcze we frontendzie to zrobić, czyli JavaScript. Mimo wszystko, walidacje należy przeprowadzić także po stronie backendu. Nie wiem czy autorowi zależy na bezpieczeństwie, ale jeśli nie to js wystarczy.

0

Możesz jakiś przykład napisać żebym jakoś sobie coś z tego zrobił ..
Chodzi mi o proste rozwiązanie niekoniecznie bezpieczne

0

Tak takie skomplikowane że nikt nie pomoże ...: /

1

No właśnie, takie skomplikiwane :-) W swoim select dajesz funkcję przy onChange, sprawdzasz warunki i blokujesz mniej więcej w taki sposób:

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_option_disabled2

1 użytkowników online, w tym zalogowanych: 0, gości: 1