将表单数据从一个页面传递到另一个html移动页面

时间:2014-02-01 18:49:15

标签: javascript jquery html jquery-mobile

我是移动开发的新手,我正在尝试从表单传递信息,我想在另一个页面上显示它。我尝试使用cookie传递信息,但没有成功..

以下是表单的代码:

function submit_jobs_post(){
      $.cookie('job_title', $('#job_title').val());
      $.cookie('job_des', $('#job_des').val());
      $.cookie('company_name', $('#company_name').val());
      $.cookie('company_address', $('#company_address').val());
      $.cookie('company_phone', $('#company_phone').val());
      $.cookie('company_email', $('#company_email').val());
}

<form method="post"  action="jobs_page.html" id="post_ads">   
  <label for="job_title">Job Title:</label>
  <input type="text" name="job_title" id="job_title">

  <label for="job_des">Job Description:</label>
  <textarea name="job_des" id="job_des"></textarea>

  <label for="company_name">Company Name:</label>
  <input type="text" name="company_name" id="company_name">

  <label for="company_address">Address:</label>
  <input type="text" name="company_address" id="company_address">

  <label for="company_phone">Phone:</label>
  <input type="text" name="company_phone" id="company_phone">

  <label for="company_email">Email:</label>
  <input type="email" name="company_email" id="company_email" placeholder="Your email..">

  <input type="submit" data-inline="true" value="Post Job" onClick='submit_jobs_post()'>
</form>

这是我的页面代码,用于接收信息。当我提交表单时,数据不会显示在此页面上。

window.onload = function()
{               
      $('#job_title_got').val($.cookie('job_title'));
      $('#job_des_got').val($.cookie('job_des'));
      $('#company_name_got').val($.cookie('company_name'));
      $('#company_address_got').val($.cookie('company_address'));
      $('#company_phone_got').val($.cookie('company_phone'));
      $('#company_email_got').val($.cookie('company_email'));              
};

<input type="text" name="job_title_got" id="job_title_got">           
<textarea name="job_des_got" id="job_des_got"></textarea>              
<input type="text" name="company_name_got" id="company_name_got">        
<input type="text" name="company_address_got" id="company_address_got">
<input type="text" name="company_phone_got" id="company_phone_got">     
<input type="email" name="company_email_got" id="company_email_got" >

任何帮助都会很棒,提前谢谢......

0 个答案:

没有答案