Форма для выполнения действия и передачи значений

Привет, у меня в основном есть форма с двумя текстовыми полями, которые будут отправлять данные обратно в электронную таблицу 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.value. Я также знаю, как перейти на следующую страницу, так что проблема не в этом, а в том, как получить значение из 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>

ВТОРАЯ СТРАНИЦА ЭТО, ее имя simple.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 со значением текстового поля, установленным как пустое. Пожалуйста, помогите с этим, спасибо. Кстати, вы можете c, чтобы данные обновлялись в электронной таблице Google всякий раз, когда вы нажимаете кнопку отправки, электронная таблица становится общедоступной. https://docs.google.com/spreadsheet/ccc?key=0AqUqEITRLZjYdDN5RE9ueU9HRGdQYzlJYWhrRUY1UEE


javascript html jquery google-docs
person JackyBoi    schedule 20.12.2011    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

$(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);
});
person JesseBuesking    schedule 20.12.2011
comment
подождите, я разместил здесь кое-что, но у меня есть идея, поэтому я попробую - person JackyBoi; 21.12.2011
comment
Привет, Джесси, не могли бы вы взглянуть на отредактированный код и помочь мне немного дальше? спасибо - person JackyBoi; 22.12.2011