2011-12-20 3 views
2

Привет, у меня в основном есть форма, в которой есть два текстовых поля, которые будут отправлять данные обратно в электронную таблицу 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 открывает с текстовым полем значение не имеет значения, просто пустое. Помогите с этим tks. BTW и может с, что данные в настоящее время обновление в электронной таблице Google всякий раз, когда у нажмите кнопку отправки, таблица обнародуется здесь вы идете .. https://docs.google.com/spreadsheet/ccc?key=0AqUqEITRLZjYdDN5RE9ueU9HRGdQYzlJYWhrRUY1UEE

ответ

0

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

$(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-адреса, хранить в db/retrieve из db, локальное хранилище html5 и т. Д.). После того, как вы определяете свой метод, возьмите значение и сделать

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

ждать я отправил здесь что-то, но я получил идею, так что я постараюсь – JackyBoi

+0

HI Джесс могли бы вы, пожалуйста, посмотрите на отредактированный код и помочь мне немного дальше ? tks – JackyBoi

+0

Кто-нибудь знает, что я делаю неправильно? – JackyBoi

 Смежные вопросы

  • Нет связанных вопросов^_^