87,921
社区成员
发帖
与我相关
我的任务
分享如何使用
具体情况是：当选择为“某大学”时，出现输入框和第一个提示句；选择“其它学校”时，只出现第二个提示句。当为默认选项“选择学校”时，什么都不出现
期望的效果如图：
网页代码：
期望的效果如图：
网页代码：
<HTML><HEAD></HEAD>
<BODY>
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" class="tableborder">
<tr class="header">
<td height="25" colspan="2">注册会员 <input name="phome" type="hidden" id="phome" value="register"></td>
</tr>
<tr>
<td height="25" colspan="2">基本信息</td>
</tr>
<tr>
<td width="28%" height="25" bgcolor="#FFFFFF">用户名</td>
<td width="72%" height="25" bgcolor="#FFFFFF"> <input name="username" type="text" id="username" size="35">
<font color="red">必填</font> </td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF">密码</td>
<td height="25" bgcolor="#FFFFFF"> <input name="password" type="password" id="password" size="35">
<font color="red">必填</font> </td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF">重复密码</td>
<td height="25" bgcolor="#FFFFFF"> <input name="repassword" type="password" id="repassword" size="35">
<font color="red">必填</font> </td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF">邮箱</td>
<td height="25" bgcolor="#FFFFFF"> <input name="email" type="text" id="email" size="35">
<font color="red">必填</font> </td>
</tr>
<tr>
<td height="25" colspan="2">其他信息</td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF">真实姓名</td>
<td height="25" bgcolor="#FFFFFF"><input name="truename" type="text" id="truename" size="35"></td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF">QQ号码</td>
<td height="25" bgcolor="#FFFFFF"><input name="qqnumber" type="text" id="qqnumber" size="35"></td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF">学校</td>
<td height="25" bgcolor="#FFFFFF">
<select name="college" id="college">
<option value="选择学校" selected>选择学校</option>
<option value="某大学">某大学</option>
<option value="其他学校">其他学校</option>
</select></td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF">学号</td>
<td height="25" bgcolor="#FFFFFF"><input name="studentID" type="text" id="studentID" size="35"><font color="red">必填，用于身份核验</font></td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF">身份证号后四位</td>
<td height="25" bgcolor="#FFFFFF"><input name="ID" type="text" id="ID" size="35"><font color="red">必填，用于身份核验</font></td>
</tr>
<tr>
<td></td>
<td><b><font color="red">通过身份核验后成为正式会员</font></b></td>
</tr>
<tr>
<td></td>
<td><b><font color="red">抱歉，暂不支持其他学校</font></b></td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF"> </td>
<td height="25" bgcolor="#FFFFFF"> <input type="submit" name="Submit" value="马上注册">
<input type="reset" name="Submit2" value="重置"></td>
</tr>
</table>
</BODY></HTML>
...全文
请发表友善的回复…
发表回复
IT_study001 2020-02-10
- 打赏
- 举报
学习一下！！！
秋夜临 2020-01-19
- 打赏
- 举报
基本解决
<HTML><HEAD></HEAD>
<BODY topmargin="0">
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" class="tableborder">
<tr>
<td height="25" bgcolor="#FFFFFF">学校</td>
<td height="25" bgcolor="#FFFFFF">
<select name="college" id="college" onchange = "setDetailMsgRow('studentID_show',this);setDetailMsgRow('ID_show',this);setDetailMsgRow('show',this)">
<option value="选择学校" selected>选择学校</option>
<option value="某大学">某大学</option>
<option value="其他学校">其他学校</option>
</select></td>
</tr>
<tr id=studentID_show style="display:none;">
<td height="25" bgcolor="#FFFFFF">学号</td>
<td height="25" bgcolor="#FFFFFF"><input name="studentID" type="text" id="studentID" size="35"><font color="red">必填，用于身份核验</font></td>
</tr>
<tr id=ID_show style="display:none;">
<td height="25" bgcolor="#FFFFFF">身份证号后四位</td>
<td height="25" bgcolor="#FFFFFF"><input name="ID" type="text" id="ID" size="35"><font color="red">必填，用于身份核验</font></td>
</tr>
<tr id=show style="display:none;">
<td></td>
<td><b><font color="red">通过身份核验后成为正式会员</font></b></td>
</tr>
<tr id="sorry" style="display:none;">
<td></td>
<td><b><font color="red">抱歉，暂不支持其他学校</font></b></td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF"> </td>
<td height="25" bgcolor="#FFFFFF"> <input type="submit" name="Submit" value="马上注册">
<input type="reset" name="Submit2" value="重置"></td>
</tr>
</table>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0"></script>
<script type="text/javascript">
function setDetailMsgRow(rowID,sel) {
var row = document.getElementById(rowID);
if (row != null) {
if (sel.value == "某大学") {
row.style.display = "block";
}
else {
row.style.display = "none";
}
}
}
$(document).ready(function(){
var sel = document.getElementById('college');
setDetailMsgRow('show',sel);
});
function onload() {var sel = document.getElementById('college');
setDetailMsgRow('show',sel);
}
</script>
</BODY></HTML>
秋夜临 2020-01-19
- 打赏
- 举报
添加了另一个function，完美实现所有目标。
<HTML><HEAD></HEAD>
<BODY topmargin="0">
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" class="tableborder">
<tr>
<td height="25" bgcolor="#FFFFFF">学校</td>
<td height="25" bgcolor="#FFFFFF">
<select name="college" id="college" onchange = "setDetailMsgRow('studentID_show',this);setDetailMsgRow('ID_show',this);setDetailMsgRow('show',this);setDetailMsgRow2('sorry',this)">
<option value="选择学校" selected>选择学校</option>
<option value="某大学">某大学</option>
<option value="其他学校">其他学校</option>
</select></td>
</tr>
<tr id=studentID_show style="display:none;">
<td height="25" bgcolor="#FFFFFF">学号</td>
<td height="25" bgcolor="#FFFFFF"><input name="studentID" type="text" id="studentID" size="35"><font color="red">必填，用于身份核验</font></td>
</tr>
<tr id=ID_show style="display:none;">
<td height="25" bgcolor="#FFFFFF">身份证号后四位</td>
<td height="25" bgcolor="#FFFFFF"><input name="ID" type="text" id="ID" size="35"><font color="red">必填，用于身份核验</font></td>
</tr>
<tr id=show style="display:none;">
<td></td>
<td><b><font color="red">通过身份核验后成为正式会员</font></b></td>
</tr>
<tr id=sorry style="display:none;">
<td></td>
<td><b><font color="red">抱歉，暂不支持其他学校</font></b></td>
</tr>
<tr>
<td height="25" bgcolor="#FFFFFF"> </td>
<td height="25" bgcolor="#FFFFFF"> <input type="submit" name="Submit" value="马上注册">
<input type="reset" name="Submit2" value="重置"></td>
</tr>
</table>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0"></script>
<script type="text/javascript">
function setDetailMsgRow(rowID,sel) {
var row = document.getElementById(rowID);
if (row != null) {
if (sel.value == "某大学") {
row.style.display = "block";
}
else {
row.style.display = "none";
}
}
}
$(document).ready(function(){
var sel = document.getElementById('college');
setDetailMsgRow('show',sel);
});
function onload() {var sel = document.getElementById('college');
setDetailMsgRow('show',sel);
}
/*-----------------------------------------------------------------------*/
function setDetailMsgRow2(rowID,sel) {
var row = document.getElementById(rowID);
if (row != null) {
if (sel.value == "某大学") {
row.style.display = "none";
}
else {
row.style.display = "block";
}
}
}
$(document).ready(function(){
var sel = document.getElementById('college');
setDetailMsgRow2('show',sel);
});
function onload() {var sel = document.getElementById('college');
setDetailMsgRow2('show',sel);
}
</script>
</BODY></HTML>
Eirice 2020-01-17
- 打赏
- 举报
先不说功能 ，代码有点吓人 。。。。。 现实项目你可能会在还没开始的时候就被打死；
好了 ，在不使用框架的情况下 你需要动态去获取你每一次选择的select, const a fun(se){ switch（se）{case:“” 执行你的变量重置} ，介于你可能是纯原生活着带着jq的东西 ，你不同的case下执行你要重置的那个就行了 }
切记 如果是练手随便了 ，但是还是学点框架吧 不然 别搞 很难受 项目上你会被祭天
前端_小菜鸟 2020-01-14
- 打赏
- 举报
onchange 事件,获取你选择的值去判断,是否显示这个提示语不就行了,你只要改变了选择框,onchange事件就会触发,通过改变时候显示对应的提示语就行啦
@Liz 2020-01-12
- 打赏
- 举报
学校那里可判断select的value值，如果是其他学校就给“抱歉……学校”这个td设innerText为“抱歉……学校”（默认innerText为空）
给注册按钮添加个点击事件，先阻止默认事件发生（即提交），然后判断是否所有的必填项都填上了默认格式的值，如果有一项不满足就给“通过……会员”的这个td设innerText为“通过……会员”(默认innerText为空)，如果都满足了则开启它的提交事件。
Hello World, 2020-01-11
- 打赏
- 举报
onchange事件里设置某些对象的style.display值为none或者空值
隐藏、显示标签
select选择控制显示与隐藏 使用juery对tr进行控制，主要是需要获取select的值，然后对tr加以控制，注意和js的方法区分开：
js代码：<script type="text/javascript">
$(function(){
var select=$("select[name=type]").val();
alert(select);
if(select==1 || select==3){
select选择控制
