簡體   English   中英

有沒有辦法在每次單擊按鈕時打開一個新面板?

[英]Is there a way to open a new panel everytime a button is clicked?

我有一個面板,有 3 個文本區域供用戶添加某些信息。 然后它會經歷被保存到數據庫的過程。 每次單擊按鈕時,我都希望出現相同的空面板,允許用戶輸入多個條目

我為你整理了這個小代碼,希望它對你有所幫助

//Simple HTML with 3 textarea
<div>
    <form action="">
        <textarea name="" id="" cols="30" rows="10"></textarea>
        <textarea name="" id="" cols="30" rows="10"></textarea>
        <textarea name="" id="" cols="30" rows="10"></textarea>
        <span id="btn">Click me!</span>
    </form>
</div>

因此,只要單擊 #btn 按鈕,首先會提交表單,然后清除 textarea。

// The Javascript
const
    btn = document.querySelector('#btn'),
    form = document.querySelector('form'),
    textarea = document.querySelectorAll('textarea')

function clearFields() {
    for (let i = 0; i < textarea.length; i++) {
        textarea[i].value = '';
    }
}

btn.addEventListener('click', function() {
    // functionality to asynchronously submit and save user entry to DB
    submitFormToServer()

    // Clear all the textarea
    clearFields()
})

在按鈕單擊事件之后,您可以調用重定向到同一頁面,這將清除文本框或明確清除它們(Textbox1.Text = "" 等)

寫你的代碼,因為你的解釋不清楚

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM