僅基於特定的選擇選項加載div控制器

Question

嗨，我有一個正在使用change函數的函數，它將div內容加載到控制器中的控制器中，如這張照片所示。

我的問題是，只要我更改任何選擇選項，它都會加載，如果僅選擇“每月選項”，我想加載的是控制器。

我的HTML選擇選項是這樣的：

<div class="form-group">
  <label for="registrationmodeofpayment" class="col-sm-4 control-label">Mode of Payment: </label>
    <div class="col-sm-8">

      <select class="form-control" name="registrationmodeofpayment" id="registrationmodeofpayment">
        <option value="">Select Mode of Payment</option>
        <option value="Annual">Annual (Full)</option>
        <option value="Monthly">Monthly</option>
      </select>

    </div>
</div>

// The div that have the id of modeofpayment.
<div class="col-md-12" id="modeofpayment"></div>

使用Javascript：

$("#registrationmodeofpayment").unbind('change').bind('change', function() {
    // Loads the controller
    $("#modeofpayment").load('registration/assessModeofPayment');
});

控制器：

public function assessModeofPayment()  
{   

      $div3 = '</table>
      <table class="table table-bordered">
        <tr>
          <th>Monthly Tuition Fee:</th>
          <td width="210px">*Amount*</td>
        </tr>
      </table>
      ';

    echo $div3;

}

Answer 1

好吧，我們為此准備了IF：

$("#registrationmodeofpayment").unbind('change').bind('change', function() {
    if($(this).val() == 'Monthly') {
        // Loads the controller
        $("#modeofpayment").load('registration/assessModeofPayment');
    }
});

希望我有所幫助。