hello.js

$(function() {

    var member = {
        "row1": "梅木",
        "row2": "太田",
        "row3": "峰",
        "row4": "新井"
    };
    var house = {
        "dan1": "根津",
        "dan2": "渋谷",
        "dan3": "外苑前",
        "dan4": "神楽坂"
    };

    // 表示するフォームは 'dialog-form' という ID で定義します。
    $("#dialog-form").dialog({
        autoOpen: false,
        height: 450,
        width: 450,
        modal: true,
        buttons: {  // ダイアログに表示するボタンと処理
            "送信": function() {  
                var $form=$(this).find('form');　
                $.ajax({
                    url: $form.attr('action'),
                    type: $form.attr('method'),
                    data: $form.serialize(),
                    success:function(result, textStatus, xhr){
                        $form[0].reset();
                        alert("送信しました");
                        $("#dialog-form").dialog("close");    
                    }
                });
            },
            "閉じる": function() {
                $(this).dialog("close");
            },
        },
    });

    // 「開く」ボタンがクリックされたらダイアログを表示
    $(".open").click(function() {
        var cleandate = $(this).data('cleandate');
        var userhouse = house[$(this).data('dan')];
        var userid = member[$(this).data('row')];
        $("#dialog-form").dialog("open");

    $("#cleandate").val("");
    $("#coinlaundry").val("");
    $("#cost").val("");

    $.ajax({
             url: "/get.php?cleandate="+cleandate+"&userhouse="+userhouse+"&userid="+userid,
             type: "GET",
             success:function(result, textStatus, xhr){
                var returnArray = JSON.parse(result);
             $("#cleandate").val(returnArray["cleandate"]);
             $("#coinlaundry").val(returnArray["coinlaundry"]);
             $("#cost").val(returnArray["cost"]);
            　}
    　});
        var row = $(this).data("row");
        switch (row){
            case "row1":
            $("#userid").val(member["row1"]);
            break;
            case "row2":
            $("#userid").val(member["row2"]);
            break;
            case "row3":
            $("#userid").val(member["row3"]);
            break;
            case "row4":
            $("#userid").val(member["row4"]);
            break;
        }
        var dan = $(this).data("dan");
        switch (dan){
            case "dan1":
            $("#userhouse").val(house["dan1"]);
            break;
            case "dan2":
            $("#userhouse").val(house["dan2"]);
            break;
            case "dan3":
            $("#userhouse").val(house["dan3"]);
            break;
            case "dan4":
            $("#userhouse").val(house["dan4"]);
            break;
        }
        var cleandate = $(this).data("cleandate");
        $('#cleandate').val(cleandate);

    });
});