I have a php form and I want to display or hide certain fields dependant on what I select in a drop down. I have code below which works:

$(document).ready(function() {
    $('div.pupname').hide();
    $('div.pupnid').hide();

    if ($("#perpetrator").val == "1") {
        $('div.pupname').hide();
        $('div.pupid').show();
        else {
            $('div.pupid').hide();
            $('div.pupname').show();
        }

        $("#perpetrator").change(function() {
            if ($("#perpetrator").val() == "1") {
                $('div.pupname').hide();
                $('div.pupid').show();
                else {
                    $('div.pupid').hide();
                    $('div.pupname').show();
                }
            });

        });

Ben şimdi $m_perpetrator olarak pupid1, pupid2 vb divs ve alan oluşturabilir yüzden php kullanarak üreten olduğum bir çok satır blok var istiyorum bir dizi. Ben dizi erişirken birkaç yolu denedim ama çalışmak için bir şey elde edemezsiniz. Ben şu o dizinin elemanlarına ulaşmak için doğru çizgide olabileceğini düşündüm ama hiçbir şey yapmaz.

if ($("#m_perpetrator[1]").val == "1") {
    $('div.pupname1').show();
    $('div.pupid1').hide();
}
else {
    $('div.pupid1').show();
    $('div.pupname1').hide();
}

Katma

Burada bir HTML pasajı

<td><select name="m_perpetrator[1]" id="m_perpetrator[1]">
<option value="1">Current</option>
<option value="2" selected>Former</option>
<option value="3">Parent/Carer</option>
</select>
</td> 
<td>Name</td>
<td>
<div class="pupname1">
<input type="text" size=60 name="m_pupil_name[1]" value="JOHN SMITH">
</div>

<div class="pupid1">
<select name="m_pupil_id[1]"  onchange="getXtras(this)">
<option value="">Select .....</option>

So basically this is a multi row form and on each row if Current is selected then I want to display pupil_id if anything else is selected then I want to display pupil name. For processing the input I run round the array m_perpetrator[] using php Jim