javascript - 如何在保持在同一页面上的同时在 php 中单击按钮打开一个新的 div？

Question

如何在保持在同一页面上的同时在 php 中单击按钮打开一个新的 div？

<form>
<input type='submit' name='open div' onclick='dont knw what to write here to open a div'/>
</form>

Answer 1

只需添加一些javascript：

<script type="text/javascript">
function onClick() {
    var d = document.createElement("div");
    d.id = "newDiv";
    d.textContent = "some text you want to display";
    var f = document.getElementsByTagName("form")[0];
    f.parentNode.insertBefore(d, f);
}
</script>

http://jsfiddle.net/SRBhT/3/

如果你想为你的请求使用 ajax，你应该看看 jquery：http ://api.jquery.com/jQuery.post/

Answer 2

您将需要一些 javascript。

<button Onclick="javascript_open_new_div();">Create Div</button>
    <script type="text/javascript">
    function javascript_open_new_div() {
        var div = document.createElement("div");
        document.form_name.appendChild(div);
    }
    </script>

此外，如果您正在使用 jQuery，它也是一个很好的帮手。

$("button_selector").click(function() {
          $("form_selector").append("<div></div>")
        }

Answer 3

为此，您必须使用 Javascript：

<button Onclick="javascript_open_new_div();">Create Div</button>
    <script type="text/javascript">
    function javascript_open_new_div() {
        var div = document.createElement("div1");
        document.form_name.appendChild(div1);
    }
    </script>

使用像 jQuery 这样的框架：

$("button_selector").click(function() {
      $("form_selector").append("<div></div>")
});