表单提交后刷新Jquery移动页面
表单提交后刷新Jquery移动页面
提问于 2011-11-22 01:40:34
我正在尝试在提交表单后进行页面刷新。该页当前显示基于特定查询的sql行的列表。表单改变了列的状态，因此某些项目可能不再满足要显示的条件。
目前，我为表单提供了以下内容：
<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所需的更改。查询是正确的，并且确实在数据库中生效。
关于刷新此页面和表单提交后显示的列表视图的最佳方式，您有什么建议吗？
谢谢!
回答 1
Stack Overflow用户
发布于 2011-11-30 00:29:31
问题在于你应该用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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8216049
复制相关文章
相似问题
腾讯云开发者
