问表单:2个独立的路径
EN

Stack Overflow用户

提问于 2018-10-16 05:18:39

回答 1查看 37关注 0票数 0

我正在制作一个简单的工作表。我在网上找到了一些代码，并一直在使用它。它从问一个简单的问题开始。如果学生有身份证呢？它是"YES“或"NO”的切换。如果选择“是”，它将从数据库中提取学生信息并显示。如果“否”，那么将弹出单独的框，要求学生的ID，姓氏，名字，道布等。现在我专注于工作的路径选择。我一点运气都没有。

function admSelectCheck(nameSelect) {
  if (nameSelect) {
    admOptionValue = document.getElementById("admOption").value;
    if (admOptionValue == nameSelect.value) {
      document.getElementById("admDivCheck").style.display = "block";
    } else {
      document.getElementById("admDivCheck").style.display = "none";
    }
  } else {
    document.getElementById("admDivCheck").style.display = "none";
  }
}

Student ID
<select id="getFname" onchange="admSelectCheck(this);">
  <option value="6"></option>
  <option value="1">Yes</option>
  <option id="admOption" value="0">No</option>

</select>


<div id="admDivCheck" style="display:none;">
  <br><br>
  <form action="/action_page.php" method="post">
    Please enter ID# <input type="number" name="ID"><br> Last Name <input type="text" name="last"><br> First Name <input type="text" name="first"><br>
    <button type="submit">Submit</button>
</div>

javascript

html

forms

回答 1

Stack Overflow用户

发布于 2018-10-17 07:41:54

这个怎么样？

function admSelectCheck(nameSelect) {
	
	var value = nameSelect.value;

	if (value == "1") {
		document.getElementById("id-form").style.display = "block";
		document.getElementById("second-div").style.display = "none";
	} else if (value == "0"){
		document.getElementById("id-form").style.display = "none";
		document.getElementById("second-div").style.display = "block";
	}
	else{
		document.getElementById("id-form").style.display = "none";
		document.getElementById("second-div").style.display = "none";
	}
	
}

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
		<script type="text/javascript" src = "test.js"></script>
	</head>
	<body>
		Student ID
		<select id="getFname" onchange="admSelectCheck(this);">
			<option value="6"></option>
			<option value="1">Yes</option>
			<option id="admOption" value="0">No</option>
		</select>

		<form id = "id-form" action="/action_page.php" method="post" style = "display: none">
			Please enter ID# <input type="number" name="ID"><br> 
			Last Name <input type="text" name="last"><br>
			First Name <input type="text" name="first">
			<br>
			<button type="submit">Submit</button>
		</form>
		<div id = "second-div" style = "display: none">
			<br>
			<img src = "https://i.ytimg.com/vi/QuTLRz8Nli0/hqdefault.jpg"/>
		</div>
	</body>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52824900

复制

相似问题

问表单:2个独立的路径
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表单:2个独立的路径EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问表单:2个独立的路径
EN