目前我有一个问题,我显示所有的选项,只有选定的选项是必要的。如果未选择任何选项,则仅当选择其中一个选项时,才不显示该选项。
所选选项应具有必需字段。因为两者都是必需的,所以无法提交。
谢谢你的解释、建议和支持。
$(document).ready(function(){
$('#problem').on('change', function(){
$('.display, .display_1').show();
if (this.value.trim()) {
if (this.value !== 'test') {
$('.display').hide();
}
if (this.value !== 'test1') {
$('.display_1').hide();
}
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<form id="e">
<table id="tableId">
<tr>
<td>Problem:</td>
<td><select required id="problem" name="problem">
<option value=""></option>
<option value="test">test</option>
<option value="test1">test1 </option>
</select>
</td>
</tr>
<tr class="display">
<td>Router</td>
<td><input id="router" name="router" type="text" maxlength="50" size="50" required></td>
</tr>
<tr class="display_1">
<td>Switch</td>
<td><input id="switch" name="switch" type="text" maxlength="50" size="50" required></td>
</tr>
<tr>
<td><input type="submit" class="submit" value="submit"></td>
</tr>
</table>
</form>