我已經(jīng)構(gòu)建了此功能,該功能在用戶單擊按鈕時(shí)執(zhí)行;它將一個(gè)列表和2個(gè)按鈕元素插入到以表格包裝的有序列表中。但是,每當(dāng)我單擊“生成”按鈕時(shí),它都會(huì)立即生成新元素,然后立即重定向到表單的操作/處理php頁面,由于未填寫字段等,該頁面會(huì)重定向回到上一頁。 ,所以我對它為什么要處理表格感到困惑?這是我的JS函數(shù):function spawnSilly() //spawn chapters function { var div = document.createElement("LI"); //creating elements var input = document.createElement("INPUT"); var button = document.createElement("BUTTON"); var del_button = document.createElement("BUTTON") input.setAttribute("type", "text"); //setting attributes input.setAttribute("name", "chapterInput" + stringNumber); input.setAttribute("placeholder", "Title"); input.setAttribute("id", "var timestamp = new Date().getUTCMilliseconds();") button.setAttribute("type", "button"); button.setAttribute("onClick", "redirect()"); button.setAttribute("id", "var timestamp = new Date().getUTCMilliseconds();") button.innerHTML = "Edit"; div.setAttribute("id", "var timestamp = new Date().getUTCMilliseconds();") del_button.setAttribute("id", "var timestamp = new Date().getUTCMilliseconds();") del_button.innerHTML = "Delete Chapter"; del_button.setAttribute("onClick", "removeElement(this.id)") div.appendChild(input) //appending to list div.appendChild(button) div.appendChild(del_button); var chapterNumber = getCount(document.getElementById('spawnList'), false) //setting number of chapter var number = $('#spawnList').children(); //fetching number of children in list var stringNumber = String(number) //setting chapter number to string for name attribute in input var list = document.getElementById("spawnList"); list.insertBefore(div, list.childNodes[number]); //inserting one after another var newChapterNumber = chapterNumber + 1; //setting elements class as their chapter number
表單保持重定向,然后單擊提交按鈕
藍(lán)山帝景
2021-05-02 12:19:05