Форма: 2 отдельных пути - PullRequest
Новая
       2

Форма: 2 отдельных пути

0 голосов
/ 16 октября 2018

Я работаю над простой формой для работы.Я нашел некоторый код в Интернете и работал с ним.Начинает задавать простой вопрос.Если у студента есть удостоверение личности?Это переключение либо «ДА», либо «НЕТ».Если выбрано «Да», то оно будет извлекать информацию о студентах из базы данных и отображать.Если «НЕТ», то появятся отдельные поля с запросом идентификатора ученика, фамилии, имени, DOB и т. Д. Сейчас я сосредоточен на выборе пути для работы.Мне не повезло. 

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>

1 Ответ

0 голосов
/ 17 октября 2018

Как насчет этого?,

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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...