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。

<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 2

只需添加一些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 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>")
});

如何在保持同一页面的同时打开一个新的div按钮点击PHP？

3 个答案: