Прошу помочь разобраться в селекторах. Имеется страница, возвращённая с сервера, в которой есть 10, 20, 30... одинаковых блоков. В двух словах - php, foreach, include...
<form action="tempOffStatus" method="post">
<input type="hidden" name="row" value="<?=$item_r['id'];?>">
<select id="tempOffChangeStatus" rel="<?=$item_r['id'];?>">
<option value="0" <? if($item_r['tempOff'] == 0): ?> selected <?endif;?>> есть в наличии </option>
<option value="1" <? if($item_r['tempOff'] == 1): ?> selected <?endif;?>> нет в наличии </option>
</select>
</form>
Все блоки одинаковые, но параметр
rel=<?=$item_r['id'];?> в каждом блоке уникальный.
Нужно select-ом менять значения в каждом конкретном блоке.
<script>
$(document).ready(function(){
$("#tempOffChangeStatus").change(function(){
var rel = $(this).attr("rel");
var offStatus = $("#tempOffChangeStatus + rel :selected").val();
Т.е. переменная offStatus должна относиться к одному блоку, а не ко всем сразу. Я так понимаю, что селектор в JS должен быть составным. Из двух частей. Где то я с синтаксисом намудрил, что ли.
Может кто-нибудь помочь в грамотном оформлении, а то с JS я не очень ...
ЗЫ. То, что в моём примере здесь, это у меня уже крыша поехала, тыкал всё подряд...