Taki fragment kodu:
- Kod: Zaznacz cały
<!DOCTYPE html>
<html lang="pl" dir="ltr">
<head>
<style>
.select1, .select2
{display:none;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
function nazwa()
{
$('.select1').hide();
$('.select2').hide();
var val=parseInt($(this).val());
if(val>0)
{
$('#field'+val).show();
$('#field'+(val+100)).show();
}
}
</script>
</head>
<body>
<select id="select1" name="select1">
<option value="0" selected="selected">---------------------------</option>
<option value="1">1szy przedmiot</option>
<option value="2">2gi przedmiot</option>
</select>
<label class="select1" id="field1">id field1</label>
<label class="select1" id="field2">id field2</label>
<label class="select1" id="field101">id field101</label>
<label class="select1" id="field102">id field102</label>
<br><BR>
<script>
$('#select1').change(nazwa);
</script>
<select id="select2" name="select2">
<option value="0" selected="selected">---------------------------</option>
<option value="3">1szy przedmiot</option>
<option value="4">2gi przedmiot</option>
</select>
<label class="select2" id="field3">id field3</label>
<label class="select2" id="field4">id field4</label>
<label class="select2" id="field103">id field103</label>
<label class="select2" id="field104">id field104</label>
<script>
$('#select2').change(nazwa);
</script>
</body>
</html>
Moje pytanie jak przerobic ten skrypt, zeby:
1) zachowywal wybor selecta niezaleznie od pozostalych selectow (teraz zapamietuje tylko jednego)
2) umozliwial dzialanie przy nieokreslonej liczbie selectow (z zalozenia nie bedzie ich wiecej jak 4, ale moze dla potomnych sie przyda)
Inne rozwiazania oczywiscie mile widziane, choc zdaje sobie sprawe z tego, ze problem moze byc trywialny Na codzien zajmuje sie jednak inna dzialka IT, a to jest mi potrzebne do wiekszej calosci, wiec prosze o pomoc