Shazma Batool

Shazma Batool

  • 2k
  • 86
  • 1.6k

Reset form fields with JavaScript's reset() method

May 18 2022 6:23 AM

Hi, I am trying to reset all the form fields with JavaScript's reset() method by calling a function on button click but one filed i.e. paragraph field doesn't reset, what should I do ?

HTML:

    <form action="#" id="myForm">

    <input type="text" id="text">

    <select id="select">

        <option value="Select" selected>Select</option>

        <option value="Lahore">Lahore</option>

        <option value="Karachi">Karachi</option>

    </select>

    <input type="checkbox" name="" id="chkbox">

    <button  onclick="Check()">Submit</button>

    <button onclick="resetForm()">Reset</button>

    <p id="paragraph"></p>

</form>

JavaScript:

function resetForm() {

    document.getElementById("myForm").reset();

    document.getElementById("paragraph").reset();

}

 

function Check(){

    var text=document.getElementById("text").value;

    console.log(text);

    var select=document.getElementById("select").value;

    console.log(select);

    var checkbox=document.getElementById("chkbox").value;

    console.log(checkbox);

    document.getElementById("paragraph").innerHTML=text+" "+select+" "+checkbox;

}

 


Answers (1)