Форма для выполнения действий и пасхальных ценностей - PullRequest
Новая
       7

Форма для выполнения действий и пасхальных ценностей

2 голосов
/ 20 декабря 2011

Привет, у меня в основном есть форма с двумя текстовыми полями, которые будут отправлять данные обратно в электронную таблицу Google, так как я прикрепил свою форму к форме Google, если вы знаете, как это сделать, то все в порядке, если не вы можете посмотреть здесь http://www.morningcopy.com.au/tutorials/how-to-style-google-forms/lets позвоните им 

<form action="LINK TO GOOGLE SPREAD SHEET LINK" method="post">
<input type="text" id="tb1" name="tb1"/>
<input type="text" id="tb2" name="tb2"/>
<input type="submit" value="submit"/>
</form>

Итак, мой вопрос: после отправки данных я хочу, чтобы значение textbox2.value передавалось на следующую страницу, назовем его page2.html, поэтому предыдущее значение tb2.value передается в page2.html textbox1. значение. Я также знаю, как перейти на следующую страницу, поэтому проблема не в том, как получить значение из tb2 и одновременно отправить форму. TKS изо всех сил пытался сделать это. 

<form action="LINK TO GOOGLE SPREAD SHEET LINK" method="post">
<input type="text" id="tb1" name="tb1"/>
<input type="text" id="tb2" name="tb2"/>
<input type="submit" value="submit"/>


</form>

SO I HAVE MODIFIED TO LOOK AS BELOW 
For the first page is this its name is Testhtml.html


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>TEsthtml.html</title>
    </head>

    <body>

    <iframe name="response_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted){window.location='simple.html';}"></iframe>
    <form action="https://docs.google.com/spreadsheet/formResponse?formkey=dDN5RE9ueU9HRGdQYzlJYWhrRUY1UEE6MQ&ifq" target="response_iframe" onSubmit="submitted=true;" method="POST">
    <label  for="entry_0">Type ur name</label>
    <input type="text" name="entry.0.single" value=""  id="entry_0">
    <br> 
    <label  for="entry_1">ur pets name
    </label>
    <label  for="entry_1">type something</label>
    <input type="text" name="entry.1.single" value=""  id="entry_1">
    <br>
    <input type="submit" name="submit" value="Submit">
    <script type="text/javascript">
    $(document).ready(function () {
        $('commentForm').submit(function () {
            var tb2_val = $('input#entry_1', $(this)).val();
            // do something with tb2_val
    localStorage.setItem('hpnumber', tb2_val);
            // return false; // uncommenting this will prevent the submit action
        });
    });

    </script>
    </form>
    </body>
    </html>

ВТОРАЯ СТРАНИЦА, ЭТО ЕГО НАЗЫВАЕТСЯ просто.html 

 <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Simple HTML</title>
    <script type="text/javascript">
    $(document).ready(function () {
        var thevalue = localStorage.getItem("hpnumber")
        $('form').find('input#tb1').val(thevalue);
    });

    </script>
    </head>

    <body>
    <script type="text/javascript">
    $(document).ready(function () {
        var thevalue = localStorage.getItem("hpnumber")
        $('form').find('input#tb1').val(thevalue);
    });

    </script>
    <input id="tb1" name="tb1" type="text"/>


    </body>
    </html>

, но все еще не работает, пока данные могут быть отправлены, и открывается вторая страница simple.html со значением текстового поля, в котором просто ничего не задано. Пожалуйста, помогите с этим tks. Кстати, вы можете c, что данные обновляются в электронной таблице Google всякий раз, когда вы нажимаете кнопку «Отправить», электронная таблица становится общедоступной здесь вы идете .. https://docs.google.com/spreadsheet/ccc?key=0AqUqEITRLZjYdDN5RE9ueU9HRGdQYzlJYWhrRUY1UEE

1 Ответ

0 голосов
/ 20 декабря 2011

Чтобы получить значения формы при отправке, просто используйте 

$(document).ready(function () {
    $('form').submit(function () {
        var tb2_val = $('input#tb2', $(this)).val();
        // do something with tb2_val

        // return false; // uncommenting this will prevent the submit action
    });
});

Что касается передачи значений между страницами, вам необходимо определить, как вы будете обрабатывать это (файлы cookie, параметры URL-адреса, хранить вБД / получить из БД, локальное хранилище html5 и т. д.).Как только вы определите свой метод, возьмите значение и выполните 

$(document).ready(function () {
    var thevalue = ///
    $('form').find('input#tb1').val(thevalue);
});
...