通過onclick動態創建的表單會立即消失

Question

我在Javascript函數中動態創建了一個按鈕，並調用了另一個函數onclick，如下所示。

streambtn =  document.createElement("button");
streambtn.setAttribute("onclick","createattribute()");

createattribute（）方法在動態創建的表單中打開一個細分，此函數如下。

function createattribute() {

        inputval.innerHTML = "Provide a Stream name and click to add attribute-type pairs to yours stream.";
        var input = document.createElement("input");
        input.type = "text";
        input.placeholder="Attribute name";
        input.id="attr"+attrID;
        input.className = "attr-textfield-style";
        inputval.appendChild(input);

        //Display the drop down menu

        var newDiv=document.createElement('div');
        var html = '<select>', attrtypes = typeGenerate(), i;
        for(i = 0; i < attrtypes.length; i++) {
            html += "<option value='"+attrtypes[i]+"'>"+attrtypes[i]+"</option>";
        }
        html += '</select>';
        newDiv.className="attr-combobox-style";
        newDiv.id="type"+attrID;
        newDiv.innerHTML= html;
        inputval.appendChild(newDiv);
        attrID++;

        alert("attrname id: "+input.id+" attrtype id: "+ newDiv.id);
    }

inputval是動態創建的表單中的一個分區，來自createattribute（）函數的新創建的表單元素將附加到該表單元素上。 但是我現在面臨的問題是，盡管正確地調用了該方法，但是一旦單擊streambtn，表單（動態創建的表單）將立即在瞬間消失。 單擊后，將顯示第一行“提供流名稱，然后單擊以將屬性類型對添加到您的流中”。 一瞬間消失。 有沒有一種方法可以將其保留在屏幕上，然后根據任何條件將其隱藏（例如，在用戶完成輸入對應於通過createattribute（）方法創建的新打開的form->的數據之后）？

Answer 1

添加type = "button"為<button>無type = "button"將作為行動提交按鈕，在click了的submit buttopn，頁面將被卸載。

streambtn =  document.createElement("button");
streambtn.type = 'button';
streambtn.setAttribute("onclick","createattribute()");