Multiple Inputs, same IDs, no way to change that
I work at a university, and am trying to implement some jQuery on a form. Basically, I want to disable all input boxes with the ID of 'shift_input_id'.
I understand quite well that this document shouldn't have repeating IDs. ID's should be unique. However, I have no control over how this form is generated. The code is produced by a 3rd party, and I'm not allowed to modify their code due to upgerade issues in the future.
So, I
MUST work with the sample code below.
So far, my jQery is simple like:
<script type="text/javascript">
$(document).ready(function() {
$('#shift_input_id').attr("disabled", true);
}
</script>
But of course, only the first input box is affected.
Any help would be greatly appreciated!
...
<TR>
<TD CLASS="dedefault
"><INPUT TYPE="text" NAME="Shift" SIZE="2" MAXLENGTH="1" VALUE="1" ID="shift_input_id"></TD>
<TD CLASS="dedefault"><INPUT TYPE="text" NAME="TimeIn" SIZE="6" MAXLENGTH="5" ID="timein_input_id"></TD>
<TD CLASS="dedefault">
<SELECT NAME="TimeInAm" SIZE="1">
<OPTION VALUE="A.M." SELECTED>AM
<OPTION VALUE="P.M.">PM
</SELECT>
</TD>
<TD CLASS="dedefault"><INPUT TYPE="text" NAME="TS_TimeOut" SIZE="6" MAXLENGTH="5" ID="timeout_input_id"></TD>
<TD CLASS="dedefault">
<SELECT NAME="TimeOutAm" SIZE="1">
<OPTION VALUE="A.M." SELECTED>AM
<OPTION VALUE="P.M.">PM
</SELECT>
</TD>
<TD CLASS="dedefault"><p class="rightaligntext">0</TD>
</TR>
<TR>
<TD CLASS="dedefault">
<INPUT TYPE="text" NAME="Shift" SIZE="2" MAXLENGTH="1" VALUE="1" ID="shift_input_id"></TD>
<TD CLASS="dedefault"><INPUT TYPE="text" NAME="TimeIn" SIZE="6" MAXLENGTH="5" ID="timein_input_id"></TD>
<TD CLASS="dedefault">
<SELECT NAME="TimeInAm" SIZE="1">
<OPTION VALUE="A.M." SELECTED>AM
<OPTION VALUE="P.M.">PM
</SELECT>
</TD>
<TD CLASS="dedefault"><INPUT TYPE="text" NAME="TS_TimeOut" SIZE="6" MAXLENGTH="5" ID="timeout_input_id"></TD>
<TD CLASS="dedefault">
<SELECT NAME="TimeOutAm" SIZE="1">
<OPTION VALUE="A.M." SELECTED>AM
<OPTION VALUE="P.M.">PM
</SELECT>
</TD>
<TD CLASS="dedefault"><p class="rightaligntext">0</TD>
</TR>
<TR>
...