这是我为验证表单而创建的代码。
$(function () {
$('#subbtn').click(function () {
if ($('#course').val('x')) {
$('#s1').show();
}
if ($('#sem').val('x')) {
$('#s2').show();
}
});
的HTML
<button id="subbtn" type="submit>Submit</button
<span id="$s1" style="display:none;">*</span>
<span id="$s2" style="display:none;">*</span>
#course
并且#sem
是列表框的ID。
将两者都保留为空白并按下按钮后,它可以正常工作(将同时显示星号),但是在选择第一个列表框并将第二个列表框保留为空之后,然后按一下按钮,便得到相同的结果(即,显示两个星号而不是一)请帮忙,谢谢
请尝试这个
$(function () {
$(document).on('click', '#subbtn', function () {
if ($('#course').val() == '') {
$('#s1').show();
} else {
$('#s1').hide();
}
if ($('#sem').val() == '') {
$('#s2').show();
} else {
$('#s2').hide();
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="course">
<option value=""></option>
<option value="be">B.E</option>
<option value="mba">MBA</option>
<option value="arts">Arts</option>
<option value="finance">Finance</option>
</select>
<select id="sem">
<option value=""></option>
<option value="1">1St</option>
<option value="2">2nd</option>
<option value="3">3rd</option>
<option value="4">4th</option>
</select>
<button id="subbtn" type="submit">Submit</button>
<span id="s1" style="display:none;">*</span>
<span id="s2" style="display:none;">*</span>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句