Я хочу, чтобы выбранную форму, когда я выбираю другой вариант выпадающего списка. - Чтобы выбрать, каково их занятие, и на основе этого будут разнесены различные варианты формы. Вот мои коды до сих пор. Пожалуйста, посоветуйте.Получить выбранную форму при сбрасывании опции изменен
<script>
$('#casualties-Form').change(function(){
if ($(this).val() == "Student") {
$('#Staff').hide();
$('#Student').show();
} else {
$('#Staff').show();
$('#Student').hide();
}
});
</script>
<form id="casualties-Form" name="casualtiesForm" method="post" action="doCasualtiesForm.php">
<legend><b><u>CASUALTIES SUMMARY CHART</u></b></legend>
<table>
<tr>
<td><label for="form">Casualty:</label></td>
<td>
<select id="myselect" name="myselect">
<option value="Student">Student</option>
<option value="Staff">Staff</option>
</select>
</td>
</tr>
<form name="Student" id="Student" class="hidden">
<tr>
<td width="150px"><label for="date">Date:</label></td>
<td><input type="date" id="date" name="Date"/></td>
</tr>
<tr>
<td><label for="time">Time:</label></td>
<td><input type="time" id="time" name="Time"/></td>
</tr>
<tr>
<td>ID:</td>
<td><input type="text" name="ID"></td>
</tr>
<tr>
<td><label for="School">School</label></td>
<td>
<select>
<optgroup label="ss" name="School">
</optgroup>
</select>
</td>
</tr>
<tr>
<td>Status:</td>
<td><input type="text" name="Status"></td>
</tr>
<tr>
<td><label for="Location">aaa</label></td>
<td>
<select id="Location" name="Location">
<option>aaa </option>
</select>
</td>
</tr>
<tr>
<td>Lecturer Contact No:</td>
<td><input type="text" name="Number"></td>
</tr>
<tr>
<td><label for="NOK_informed">NOK Informed:</label></td>
<td>
<input type="radio" id="NOK_informed" name="NOK" value="Yes" title="Yes"/>Yes
<input type="radio" id="NOK_informed" name="NOK" value="No" /> No
</td>
</tr>
<tr>
<!--/* to let the submit button to be under the fields */-->
<td></td>
<td>
<input name="btnsubmit" value="Submit" type="submit"></p>
</td>
</tr>
</form> <!--/* This is Student Form */-->
</table>
<form name="Staff" id="Staff" class="hidden">
<table>
<tr>
<td width="150px"><label for="date">Date:</label></td>
<td><input type="date" id="date" name="Date"/></td>
</tr>
<tr>
<td><label for="time">Time:</label></td>
<td><input type="time" id="time" name="Time"/></td>
</tr>
<tr>
<td>ID:</td>
<td><input type="text" name="ID"></td>
</tr>
<tr>
<td><label for="Department">Department</label></td>
<td>
<select id="Department" name="Department">
<option>bbb</option>
</select>
</td>
</tr>
<tr>
<td>Status:</td>
<td><input type="text" name="Status"></td>
</tr>
<tr>
<td><label for="Location">Hospital</label></td>
<td>
<select id="Location" name="Location">
<option>ccc</option>
</select>
</td>
</tr>
<tr>
<td>Officer Contact No:</td>
<td><input type="text" name="Number"></td>
</tr>
<tr>
<td><label for="NOK_informed">NOK Informed:</label></td>
<td>
<input type="radio" id="NOK_informed" name="NOK" value="Yes" title="Yes"/>Yes
<input type="radio" id="NOK_informed" name="NOK" value="No" /> No
</td>
</tr>
<tr>
<!--/* to let the submit button to be under the fields */-->
<td></td>
<td>
<input name="btnsubmit" value="Submit" type="submit"></p>
</td>
</tr>
</table>
</form> <!--/* This is Staff Form */-->
Итак, когда пользователь выбирает студента, он должен показывать форму студента, а когда он нажимает на персонал, он должен показывать персонал? –
Да. Мне удалось выпустить форму студента. Но каким-то образом форма персонала была изменена для выбранного Персонала. –