Question

我在这里有一个小表格：

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

我想要做的是，当我点击提交时，表格应该被隐藏，只有输入应该出现：

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

如何使用javascript实现此目的？

Answer 1

看起来你只想删除按钮。首先，给表单和按钮一个ID，然后附加到submit事件，在提交发生之前你可以做任何你想做的事情：

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

Answer 2

在Pure JavaScript中，您可以使用Johan Dettmar的以下答案中的代码删除元素https://stackoverflow.com/a/18120786/886393

这是一个适用于您的确切案例的工作人员。https://plnkr.co/edit/1HdgiSE770KKghq8DzbS?p=preview

您可以定义元素和节点列表的原型。

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]);
    }
  }
};

表单提交时将其替换为输入值。 JavaScript的

2 个答案: