onClick事件不適用於按鈕

Question

我正在嘗試根據單擊的按鈕顯示表單。 即，在單擊第一個按鈕時，將顯示另外兩個按鈕。 但是，生成的新按鈕的行為類似於虛擬按鈕（ onClick事件不起作用）。

如何解決此錯誤？ 有沒有其他選擇可以實現相同的功能？

我有以下代碼：

<html>
<head>
    <title>Frequently Asked Questions</title>
    <link rel="stylesheet" type="text/css" href="CSSfiles/faqCSS.css">  
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script >
        function addContent(divName, content) {
            document.getElementById(divName).innerHTML = content;
        }
    </script>
</head>
<body>
    <p>Put banner and logo on top; Put footer later </p>
    <div class="intro">
        Looking for help? We provide you information about what can be done when in trouble. Hope you find it helpful!
    </div>


    <form name="myForm" class="select">
        <input type="button" value="ND" class="select-button" onClick="addContent('myDiv', document.myForm1.ND.value);"><br>
        <input type="button" value="E" class="select-button" onClick="addContent('myDiv', document.myForm1.E.value);">
    </form>

    <form name="myForm1" class="select">
        <textarea   name="ND">
            <input type="button" value="Earthquakes" class="trial" onclick="addContent('yourDiv', document.myForm2.HW.value);"/><br>
        </textarea>
        <textarea  name="E"><u>E</u></textarea>
    </form>

    <form name="myForm2" class="select">
        <textarea   name="HW">
            <u>Hello world!</u>
        </textarea>
    </form>

    <br><br>

    <div id="myDiv"></div>
    <div id="yourDiv"></div>
</body>
</html>

Answer 1

我不清楚如何將按鈕添加到DOM（您可以發布該代碼嗎？）。

但是，假設您的按鈕的ID為“ MyButton1”，

 <button id="MyButton1">Hello</button>

然后， 如果您使用jQuery進行此操作 ，則代碼需要通過鈎住一個已經存在並將包含您的按鈕的對象，來委派單擊。 例如body元素：

// This is registered before MyButton1 is created.

$('body').on('click', '#MyButton1', function(event) {
    alert("Hello, I'm button 1");
}

使用普通的JavaScript，你已經創造了新的內容之后（這樣getElementById可以找到的按鈕），您需要onclick事件綁定：

document.getElementById('MyButton1').onclick = function() {
    alert("Hello again");
}

或（舊版IE不支持）

document.getElementById('MyButton1').addEventListener("click",
   function() {
       alert("Still me");
   });

在這里，您可以找到帶有代碼re：javascript方法的Javascript提琴 。

Answer 2

最初將所有表單隱藏。 將它們放在所需的分區中。 每個按鈕的onclick僅顯示/隱藏預期的表格。

這可以幫助您。

onClick事件不適用於按鈕

問題描述

2 個解決方案

解決方案1
0 2015-03-13 13:43:12

解決方案2
-1 2015-03-13 13:05:54

onClick事件不適用於按鈕

問題描述

2 個解決方案

解決方案1 0 2015-03-13 13:43:12

解決方案2 -1 2015-03-13 13:05:54

解決方案1
0 2015-03-13 13:43:12

解決方案2
-1 2015-03-13 13:05:54