Как создать кнопку, которая очищает мою форму

Я пишу программу, которая получает информацию из форм с использованием 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>

0

Решение

Ваша кнопка сброса должна сделать это, если она находится в пределах <form></form> или имеет атрибут «form», см. Вот

0

Другие решения

Вы можете использовать кнопку сброса по умолчанию, если она находится между тегом формы, или вы можете использовать jquery, чтобы сделать это для вас.
Вам просто нужно добавить событие в событие нажатия кнопки «Домой», и вы сможете достичь того, чего хотите.

это ссылка, которую вы можете взять

$ («. reset»). click (function () {
$ (this) .closest (‘form’). find («input [type = text], input [type =» password «], textarea»). val («»);
});

Добавьте все остальные поля, которые вы хотите очистить, нажав на кнопку домой

0

По вопросам рекламы [email protected]