简体   繁体   English

在HTML页面内加载php脚本

[英]loading php script inside html page

I want to load a page on select on change event. 我想在“更改时选择”事件上加载页面。 But it aint displaying the page. 但是它并不显示页面。 the content on the page is just: this is bank/ this is cash. 页面上的内容仅是:这是银行/这是现金。

<!DOCTYPE html>
<html>
<select id = "ddl" onchange="changeSheet()">
<option value = "bank">Bank Statement</option>
<option value = "cash">Cash Book</option>
</select>

<div id = "sheet">
</div>

<script>
function changeSheet()
{
    document.getElementById('sheet').innerHTML = "";
    var e = document.getElementById("ddl");
    var strUser = e.options[e.selectedIndex].value;

    if(strUser == 'bank')
    {
        $("#sheet").load("bank.php");
    }
    else 
    {
        $("#sheet").load("cash.php");
    }
}
</script>

This is the right way to do that using JQuery: DEMO 这是使用JQuery进行操作的正确方法: DEMO

<!DOCTYPE html>
<html>
<select id = "ddl" onchange="changeSheet()">
    <option value = "bank">Bank Statement</option>
    <option value = "cash">Cash Book</option>
</select>

<div id = "sheet"></div>

<script>
$(document).ready(function(){
    $("#ddl").change(function(){
        if($(this).val() === "bank")
            $("#sheet").load("bank.php");    
        else 
            $("#sheet").load("cash.php");   
    });
});
</script>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM