Обновление мобильной страницы Jquery после отправки формы

Question

Я пытаюсь обновить страницу после отправки формы. На данный момент страница отображает список строк 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 после отправки формы. Запрос правильный и вступает в силу в базе данных.

Есть ли какие-либо предложения о том, как обновить эту страницу и список, который он показывает после отправки формы?

СПАСИБО!

Answer 1

проблема в том, что вы должны обработать форму отправки с кодом 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>