簡體   English   中英

動態創建onclick輸入元素

[英]Dynamically creating input elements onclick

大家好,我單擊帶有JavaScript函數的特定單選按鈕時,會在div中創建輸入元素。

它的效果很好,但是當我第一次加載表單時,輸入元素不會出現在div中,因為盡管默認情況下選中了其中一​​個單選按鈕,但尚未“單擊”單選按鈕。

基本上,如果選中它,我希望它們出現,那么在身體負荷時,我必須調用一個函數來檢查我想要默認的單選按鈕,並且必須手動顯示如果單擊單選按鈕時將出現的相應輸入元素。

這似乎是我要達到的目標的愚蠢工作,有什么想法嗎?

 <body onload="startup()">
        <input type="radio" name="type" onclick="createInput()" id="testradio" value="test">test</input>

 <div id="area">
 </div>
</body>

function startup()
{
    document.getElementById("testradio").checked = true
    createInput();
}

function createInput()
{
    var testinput = "<input name='options' value='testing' type='checkbox'>test<br>"
    document.getElementById("area").innerHTML = testinput 
}

您應該設置默認值,然后調用該事件。 (例如onchange)

像這樣的東西:

document.getElementById('elID').onchange();

然后,您的事件監聽器將被觸發,就好像在ui中更改的值不在代碼中一樣。

暫無
暫無

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

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