計算出力がモーダルで表示されない

Question

私のモーダルは、タイトル以外の出力（空のモーダル）を表示しません。私はチェックして、私はモーダル内でそれを表示しないときに出力が動作しています。

出力を表示するにはどうすればよいですか？

<script> 
    $(function() { 
     $("#mortgageResults").dialog({ 
     autoOpen: false, 
     modal: false, 
     resizable: false, 
     autoResize: true, 
     show: { 
      effect: "clip", 
      duration: 400 
     }, 
     hide: { 
      effect: "drop", 
      duration: 400 
     } 
     }); 

     $("#mortgagebtn").on("click", function() { 
     $("#mortgageResults").dialog("open"); 
     return false; 
     }); 
    }); 
    </script> 

計算：

   <div id="calculator_one"> 
      <?php 
     $borrow = $_POST['borrow']; //amount borrowed 
     $interest = $_POST['interest']; //interest rate 
     $term = $_POST['term']; //term 
     $months = ($term * 12); 
     $answer = ($borrow * ($interest/100))/12; 
     $answer_two = ($borrow * (($interest/12)/100)/(1 - pow(1 + (($interest/12)/100), -$months))); ?> 
      <form id="calcualtor" action="" method="post" class="calculator"> 
      <label class="calcAmount">Amount to borrow &#40;&#8369;&#41;</label> 
      <input class="calcAmount" type="text" name="borrow" maxlength="6" /> 
      <br /> 
      <label class="calcInterest">Interest &#40;&#37;&#41;</label> 
      <input class="calcInterest" type="text" name="interest" maxlength="4" /> 
      <br /> 
      <label class="calcTerm">Term &#40;Years&#41;</label> 
      <input class="calcTerm" type="text" name="term" maxlength="2" /> 
      <br /> 
      <button id="mortgagebtn" type="submit">Calculate</button> 

      </form> 
      </div> 

私のディスプレイ出力：

 <div id="mortgageResults" title="Mortgage Results"> 
      <?php 
     if (isset($_POST['mortgagebtn'])){ 
     echo "<p class='calc_header'>Results</p>"; 
     echo "<div id='results'><p class='calc_result'>Based on borrowing&nbsp;<span class='mortgage'>&#8369;", number_format($borrow) , "</span>&nbsp;over&nbsp;<span class='mortgage'>", ($term), "&nbsp;years</span>&nbsp;at&nbsp;<span class='mortgage'>", ($interest), "&#37;</span>, your monthly repayments would be&#58;</p>"; 
     echo "<p class='calc_result'>Interest Only&nbsp;<span class='mortgage'>&#8369;", number_format($answer,2), "</span></p>"; 
     echo "<p class='calc_result'>Repayment&nbsp;<span class='mortgage'>&#8369;", number_format($answer_two,2), "</span></p></div>";} ?> 
      </div> 

Answer 1

問題はここにある：

<button id="mortgagebtn" type="submit">Calculate</button> 

ここ

あなたが名前を割り当てていません。そして、あなたは好きなことをチェックしようとしている。

if (isset($_POST['mortgagebtn'])){ 

は次のように名前を割り当てます。

<button id="mortgagebtn" name="mortgagebtn" type="submit">Calculate</button> 

し、再試行してください。