如何重置html中的值

问题描述 投票:0回答:1

[当用户进行了不必要的更改并且不想保存时,则当用户单击“取消”按钮时,应将值重置为以前的值。任何解决方案

<div class="org-event" *ngIf="org.eventsettings">
    <div class="event-title">Title</div>
    <br/>
    <label><input type="number" [(ngModel)]="expires" pattern="^[0-9]{1,3}$"/> An Event Begins at {seconds}</label>
    <label *ngIf = "condition1" ><input type="number" [(ngModel)]="org.value"/> value</label>
    <label *ngIf = "condition2" ><input type="number" min="1" max="3" pattern="[1-3]" [(ngModel)]="org.members"/> Quantity</label>

    <br/>
    <button class="even-success" (click)="save(org._id);"> Save </button>
    <button class="even-success" (click)= "org.eventsettings=''"> Cancel </button>
</div>
html bootstrap-modal ngmodel close-button
1个回答
0
投票

[当用户单击取消按钮时,请调用此功能:

function clearValues() {
  var inputs = document.getElementsByTagName("input");
  while (i < inputs.length) {
    inputs[i].value = "";
    i++;
  }
}

总共,它获取页面上的所有输入并将其值设置为空白字符串。

© www.soinside.com 2019 - 2024. All rights reserved.