【问题标题】:How do I initiate each different type of input and select elements since I submit it?提交后如何启动每种不同类型的输入并选择元素?
【发布时间】:2021-06-15 20:33:37
【问题描述】:

enter image description here

let typeValue =  [];
let namedValue =  [];
let dateValue = [];
let amountValue =  [];
let optionsValue =  [];

submit.addEventListener('click',expense)

function expense(e) {
    e.preventDefault();    

    let tr = document.createElement('tr');    
    expenseTable.append(tr);

    let td = document.createElement('td');   
    tr.append(td);
    td.innerHTML = `${typeValue}`;

    createElement(namedValue);
    createElement(dateValue);
    createElement(amountValue);
    createElement(optionsValue);

    function createElement(a) {
        td = document.createElement('td');     
        tr.append(td);
        td.innerHTML = a;    
    } 
        
    //❓question

}

你好。我正在制作费用跟踪器。并在我点击提交时将数据放在下一行。

提交后如何将输入和选择元素设为空???

【问题讨论】:

    标签: javascript select input


    【解决方案1】:

    你可以这样写:

    e.target.reset();
    

    有关此的更多信息,请参阅https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/reset

    【讨论】:

    • 谢谢你让我知道'reset()'。我可以问你更多吗?所以我做了这样的代码。并且它在“功能费用”内部不起作用。我能做些什么?? submit.addEventListener('click',expense) function expense(e) { ~~~~~ initiate; } function initiate() { typeValue.reset; namedValue.reset; dateValue.reset; amountValue.reset; optionsValue.reset; }
    • 这是因为您不想对buttonclick 事件作出反应,而是对formsubmit 事件作出反应。一旦你这样做了,只需调用我的答案中的代码行来重置整个表单。
    • 非常感谢 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-03-01
    • 2016-02-09
    • 2017-03-09
    • 1970-01-01
    • 1970-01-01
    • 2015-12-18
    • 1970-01-01
    相关资源
    最近更新 更多