在单击按钮动态加载html内容时停止刷新

Question

I have a HTML page, in which I'm dynamically loading contents on Button Click using javascript. 我有一个HTML页面，在其中使用JavaScript动态加载Button Click上的内容。 This loads my entire page as a result previous form entries gets lost. 这将加载我的整个页面，从而导致以前的表单条目丢失。 How to avoid this? 如何避免这种情况？ How to retain values and stop refreshing? 如何保留价值并停止刷新？

Answer 1

You probably need to return false in the javascript function handler. 您可能需要在javascript函数处理程序中返回false。 You might want to look into event.preventDefault as well. 您可能还希望研究event.preventDefault。

Answer 2

Below is my code:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript">
    var counter=0;
    function addMore()
    {
        ++counter;
        var string = '<div><table border="1"><tr><td><label>Name</label><input type="text" name="txtName'+counter+'"/></td></tr><tr><td><label>Age</label><input type="text" name="txtAge'+counter+'"/></td></tr></table></div>';
document.getElementById("content").innerHTML+=string;
    }
</script>
</head>

<body>
<form action="display.php" method="post">
    <div id="content">
        <table>
            <tr>
                <td><label>Name</label><input type="text" id="txtName0" name="txtName0" />
                </td>
            </tr>
            <tr>
                <td>
                    <label>Age</label><input type="text" id="txtAge0" name="txtAge0" />
                </td>
            </tr>
            <tr>
                <td>
                    <input type="button" onclick="javascript:addMore()" />
                </td>
            </tr>
        </table>
    </div>
    <input type="submit" value="display" />`enter code here`
    </form>
</body>
</html>

在单击按钮动态加载html内容时停止刷新

问题描述

2 个解决方案

解决方案1
0 2013-07-02 18:44:03

解决方案2
0 2013-07-03 12:03:05

在单击按钮动态加载html内容时停止刷新

问题描述

2 个解决方案

解决方案1 0 2013-07-02 18:44:03

解决方案2 0 2013-07-03 12:03:05

解决方案1
0 2013-07-02 18:44:03

解决方案2
0 2013-07-03 12:03:05