Как создать кнопку, которая очищает мою форму
Я пишу программу, которая получает информацию из форм с использованием AJAX, и мне было интересно, есть ли способ сделать кнопку, которая очищает форму и как бы сбрасывает форму. Прямо сейчас, если вы нажмете кнопку, текст не исчезнет, но я надеюсь сделать домашнюю кнопку, которая бы пропала. Я просто собираюсь опубликовать свой файл .html, потому что я думаю, что это все, что нам нужно. Дайте мне знать, если вам нужно больше кода. Я попытался сделать кнопку сброса, но она не сработала.
<!DOCTYPE html>
<html>
<head>
<title>Assignment8</title>
<script src="ajax.js"></script>
<script>
function getXML() {
var xmlHttp = xmlHttpObjCreate();
if (!xmlHttp) {
alert("The browser doesn't support this action.");
return;
}
xmlHttp.onload = function() {
if (xmlHttp.status == 200) {
// Get XML Document
var xmlDoc = xmlHttp.responseXML;
// Variable for our output
var output = '';
// Build output by parsing XML
dinos = xmlDoc.getElementsByTagName('title');
for (i = 0; i < dinos.length; i++) {
output += dinos[i].childNodes[0].nodeValue + "<br>";
}
// Get div object
var divObj = document.getElementById('dinoXML');
// Set the div's innerHTML
divObj.innerHTML = output;
}
}
xmlHttp.open("GET", "dino.xml", true);
xmlHttp.overrideMimeType("text/xml")
xmlHttp.send();
}function getJSON() {
var xmlHttp = xmlHttpObjCreate();
if (!xmlHttp) {
alert("The browser doesn't support this action.");
return;
}
xmlHttp.onload = function() {
if (xmlHttp.status == 200) {
// Get Response Text
var response = xmlHttp.responseText;
// Prints the JSON string
console.dir(response);
// Get div object
var divObj = document.getElementById('dinoJSON');
// We used JSON.parse to turn the JSON string into an object
var responseObject = JSON.parse(response);
// This is our object
console.dir(responseObject)
// We can use that object like so:
for (i in responseObject) {
divObj.innerHTML += "<p>"+responseObject[i].name + " lived during the " + responseObject[i].pet + "period.</p>";
}
}
}
xmlHttp.open("GET", "json.php", true);
xmlHttp.send();
}
</script>
</head>
<body>
<form>
<h3> Dinosaur Web Services </h3>
<div id="home"></div>
<button type="reset" value="Reset"> Home</button>
<div id="dinoJSON"></div>
<button type="button" onclick="getJSON();"> JSON Dinos</button><div id="dinoXML"></div>
<button type="button" onclick="getXML();"> XML Dinos</button>
</form>
</body>
</html>
Решение
Ваша кнопка сброса должна сделать это, если она находится в пределах <form></form> или имеет атрибут «form», см. Вот
Другие решения
Вы можете использовать кнопку сброса по умолчанию, если она находится между тегом формы, или вы можете использовать jquery, чтобы сделать это для вас.
Вам просто нужно добавить событие в событие нажатия кнопки «Домой», и вы сможете достичь того, чего хотите.
это ссылка, которую вы можете взять
$ («. reset»). click (function () {
$ (this) .closest (‘form’). find («input [type = text], input [type =» password «], textarea»). val («»);
});
Добавьте все остальные поля, которые вы хотите очистить, нажав на кнопку домой