HTML使用javascript将表单结果发送到下一页

时间:2016-07-30 16:01:13

标签: javascript php jquery html jquery-mobile

我正在为我们的发电厂开发一个网站。我遇到了一些需要帮助的问题。

问题是,我们的客户端不想在他们的服务器上设置数据库。这意味着我只能使用html,javascript和一点点php。有一个页面供用户使用我们的单选按钮(选择是“是”或“否”)。并在使用表格后。我们需要在下一页动态生成结果表单(表)。我被困在这里。我无法弄清楚如何将所有单选按钮值发送到下一页(包括问题本身)这里是网页的一部分 (screenshot) 抱歉是中文。(是= YES,否= NO) 而更艰难的情况是我需要发送图像! 我该如何处理图像! 如何将图片网址从一个页面发送到另一个页面?

$(document).ready(function () {

        document.getElementById('lblname').innerHTML = localStorage.checkername;
        document.getElementById('lblid').innerHTML = localStorage.checkerid;
        document.getElementById('lblteam').innerHTML = localStorage.selectedteam;
        document.getElementById('lblproject').innerHTML = localStorage.selectedproject;
        document.getElementById('lblcontractor').innerHTML = localStorage.selectedcontractor;


        if (localStorage.selectedteam == "儀資組") {
            console.log(a1.length);
            for (var i = 0; i < a1.length; i++) {
                console.log(a1[i][0]);
                $('#checkdata').append(
                    '<div data-role="collapsible" class="collapsible">' +
                    '<h3>' + a1[i][0] +
                    '</h3>' +
                    '<table class="tbinside" id="tb' + i + '">').trigger('create');
                for (var j = 1; j < a1[i].length; j++) {
                    if (j % 2 == 0) {
                        $('#tb' + i).append(
                            '<tr class="a">' + '<td class="td1">' +
                            '<input type="radio" name="yesno' + j + ' value="y">是' +
                            '</td>' + '<td class="td1">' +
                            '<input type="radio" name="yesno' + j + ' value="n">否' +
                            '</td>' + '<td class="td2">' +
                            '<b>' + a1[i][j] + '</b>' +
                            '</td>' + '</tr>'
                        ).trigger('create');
                    } else {
                        $('#tb' + i).append(
                            '<tr class="b">' + '<td class="td1">' +
                            '<input type="radio" name="yesno' + j + ' value="y">是' +
                            '</td>' + '<td class="td1">' +
                            '<input type="radio" name="yesno' + j + ' value="n">否' +
                            '</td>' + '<td class="td2">' +
                            '<b>' + a1[i][j] + '</b>' +
                            '</td>' + '</tr>'
                        ).trigger('create');
                    }
                }
                $('#tb' + i).append('<tr><td colspan="3"><h><b>備註:</b></h>' + '<input type="text" name="備註" style="width:100%;height:50px;"></td></tr>' +
                    '<br>' + '<tr><td colspan="3"><h><b>上傳照片:</b></h>' + '<input type="file" id="files" name="files[]" multiple /><output id="list"></output></td></tr>'
                ).trigger('create');
                $('#checkdata').append(
                    '</table>' +
                    '</div>').trigger('create')
            }
        } else {
            for (var i = 0; i < a1.length; i++) {
                console.log(a2[i][0]);
                $('#checkdata').append(
                    '<div data-role="collapsible" class="collapsible">' +
                    '<h3>' + a2[i][0] +
                    '</h3>' +
                    '<table class="tbinside" id="tb' + i + '">').trigger('create');
                for (var j = 1; j < a2[i].length; j++) {
                    if (j % 2 == 0) {
                        $('#tb' + i).append(
                            '<tr class="a">' + '<td class="td1">' +
                            '<input type="radio" name="yesno' + j + ' value="y">是' +
                            '</td>' + '<td class="td1">' +
                            '<input type="radio" name="yesno' + j + ' value="n">否' +
                            '</td>' + '<td class="td2">' +
                            '<b>' + a2[i][j] + '</b>' +
                            '</td>' + '</tr>'
                        ).trigger('create');
                    } else {
                        $('#tb' + i).append(
                            '<tr class="b">' + '<td class="td1">' +
                            '<input type="radio" name="yesno' + j + ' value="y">是' +
                            '</td>' + '<td class="td1">' +
                            '<input type="radio" name="yesno' + j + ' value="n">否' +
                            '</td>' + '<td class="td2">' +
                            '<b>' + a2[i][j] + '</b>' +
                            '</td>' + '</tr>'
                        ).trigger('create');
                    }
                }
                $('#tb' + i).append('<tr><td colspan="3"><h><b>備註:</b></h>' + '<input type="text" name="備註" style="width:100%;height:50px;"></td></tr>' +
                    '<br>' + '<tr><td colspan="3"><h><b>上傳照片:</b></h>' + '<input type="file" id="files" name="files[]" multiple /><output id="list"></output></td></tr>'
                ).trigger('create');
                $('#checkdata').append(
                    '</table>' +
                    '</div>').trigger('create')
            }
        }
    });

(上层代码)我们在读取csv文件后动态生成单选按钮。谢谢你的帮助!

p.s(如果有什么不对的。请不要责怪我,我是这个社区的新手)

1 个答案:

答案 0 :(得分:0)

  

这个&#34;呈现填充在不同html的结果   文件&#34;

您可以使用java.lang.RuntimeException: Unable to start activity ComponentInfo{com. peprally.jeremy.peprally/com.peprally.jeremy.peprally.activities. NewCommentActivity}: android.view.InflateException: Binary XML file line #90: Error inflating class TextView at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2211 at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2261) at android.app.ActivityThread.access$600(ActivityThread.java:141) at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1256) at android.os.Handler.dispatchMessage(Handler.java:99) at android.os.Looper.loop(Looper.java:137) at android.app.ActivityThread.main(ActivityThread.java:5103) at java.lang.reflect.Method.invokeNative(Native Method) at java.lang.reflect.Method.invoke(Method.java:525) at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:737) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:553) at dalvik.system.NativeStart.main(Native Method) Caused by: android.view.InflateException: Binary XML file line #90: Error inflating class TextView FormData()循环,for..ofFileReader()data URI

window.open()

plnkr http://plnkr.co/edit/JkYQAdK1hL69b2dEl1Je?p=preview