0

select on change イベントでページをロードしたい。しかし、それはページを表示していません。ページの内容は、これは銀行です/これは現金です。

<!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>
4

1 に答える 1

0

これは、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>
于 2013-06-23T14:52:46.470 に答える