Wenn Formular senden, ersetzen Sie es durch Eingaben Wert.

Question

JavaScript

Ich habe diese kleine Form hier:

<form action="prekiu-uzsakymas" method="get"> 
         <input type="text" name="ticket" value="8888"> 
         <input type="submit" value="Panaudoti kuponą"> 
        </form> 

Was ich tun möchte, ist, wenn ich einreichen klicken, sollte das Formular ausgeblendet werden und nur der Eingang angezeigt werden soll:

<input type="text" name="ticket" value="8888">

Wie kann ich dies mit Javascript erreichen?

Answer 1

Sieht aus, als ob Sie nur den Knopf entfernen möchten. Zuerst gibt der Form und Schaltfläche, um eine ID, fügen dann an das submit Ereignis, wo Sie tun können, was Sie wollen, vor der Vorlage passiert:

jQuery("#my-form-id").submit(function() { 
    jQuery("#my-button-id").remove(); // or .css("display", "none") 
}); 

Answer 2

In reiner JavaScript können Sie Elemente entfernen, indem Sie den Code mit auf die folgende Antwort von Johan Dettmar https://stackoverflow.com/a/18120786/886393

Hier ist ein Arbeits-Plunker für Ihren genauen Fall. https://plnkr.co/edit/1HdgiSE770KKghq8DzbS?p=preview

Sie können die Prototypen für Element und Nodelist definieren.

Element.prototype.remove = function() { 
    this.parentElement.removeChild(this); 
}; 
NodeList.prototype.remove = HTMLCollection.prototype.remove = function() { 
    for (var i = this.length - 1; i >= 0; i--) { 
    if (this[i] && this[i].parentElement) { 
     this[i].parentElement.removeChild(this[i]); 
    } 
    } 
};