2011-11-21 107 views
1

我正在尝试提交表单后进行页面刷新。该页面当前显示基于特定查询的sql行列表。表格会改变列的状态,因此有些项目可能不符合要显示的标准。提交表单后Jquery移动页面刷新

目前,我有这样的形式:

<form action="<?=$_SERVER['PHP_SELF']; ?>" method="post"> 
<input type=hidden name="potential" value="<?=$assignment['potentialid'];?>" 
<fieldset> 
    <div data-role="fieldcontain"> 

     <div class="ui-grid-b"> 
      <div class="ui-block-a"> 
       <label for="user_name" class="user_name">User:</label> 
      </div> 
      <div class="ui-block-b"> 
       <select name="user_name"><?php users($name);?></select><br> 
      </div> 
     </div> <!-- /close grid --> 
     <div class="ui-grid-b"> 
      <div class="ui-block-a"> 
       <label for="quadrant" class="quadrant">Change Quadrant:</label> 
      </div> 
      <div class="ui-block-b">         
       <select name="quadrant"> 
        <option value="<?=$assignment['cf_648']?>" selected><?=$assignment['cf_648']?></option> 
        <option value="1-1 Create">1-1 Create</option> 
        <option value="1-2 Shape">1-2 Shape</option> 
        <option value="1-3 Assess">1-3 Assess</option> 
        <option value="1-4 Formalize">1-4 Formalize</option> 
        <option value="2-1 Determine">2-1 Determine</option> 
        <option value="2-2 Act">2-2 Act</option> 
        <option value="2-3 Serve">2-3 Serve</option> 
        <option value="2-4 Store">2-4 Store</option> 
        <option value="3-1 Feel">3-1 Feel</option> 
        <option value="3-2 Experience">3-2 Experience</option> 
        <option value="3-3 Share">3-3 Share</option> 
        <option value="3-4 Impress">3-4 Impress</option> 
        <option value="4-1 Understand">4-1 Understand</option> 
        <option value="4-2 Prioritize">4-2 Prioritize</option> 
        <option value="4-3 Complete">4-3 Complete</option> 
        <option value="4-4 Communicate">4-4 Communicate</option> 
       </select> 
      </div> 
     </div> 
    </div> 
    <input type="submit" data-theme="a" name="submit" value="Submit" onClick="window.location.reload(true)" rel="external"></input> 
</fieldset> 

当表单提交,我得到了jQuery Mobile的“错误载入页面”和我实际看到的变化我表单提交后需要点击f5。该查询是正确的,并在数据库中生效。

有关刷新此页面的最佳方式以及在表单提交后显示的列表视图的任何建议?

谢谢!

回答

0

的问题是,你应该处理形式的js代码提交

<script type="text/javascript"> 
     function formSubmit() { 
      //here you can do whatever you want 
     } 
</script> 
<form method="post" action="javascript:formSubmit();"> 
    <input type="submit" data-theme="a" name="submit" /> 
</form>