具有多个变量的 AJAX 条件

Question

我有这样的代码：（表单输入）

<label>Nomor Kartu Keluarga</label>

<select class="custom-select" id="nokk" name="nokk" required="" onkeyup="getortu()">

     <?php

     foreach($nokk->result_array() as $u)

    {

    echo '<option value="'.$u["nokk"].'">'.$u["nokk"].'   -  '.$u["namakepalakeluarga"].'</option>';

     }

     ?>

     </select>

    

    

 <label>Status Hubungan Dalam Keluarga</label>

 <select class="custom-select" id="statushubkeluarga" name="statushubkeluarga" required="" onkeyup="getortu()">

     <?php

     foreach($statushubkeluarga->result_array() as $u)

     {

     echo '<option value="'.$u["id"].'">'.$u["namastatushub"].'</option>';

     }

     ?>

     </select>

     <label>Nama Ayah</label>

      <select class="form-control" id="namaayah" name="namaayah" >

     </select>

而且，我希望当“statushubkeluarga”== 3时，使用“AJAX”，但当！= 3时使用输入标记，我的ajax代码：

function getortu(){

            var nokk = $("#nokk").val();

            var statushubkeluarga = $("#statushubkeluarga").val();

            if(statushubkeluarga == 3){

    

            $.ajax({

              url : "<?php echo base_url();?>/MainController/Getnamaayah",

              method : "POST",

              data : {nokk:nokk},

              async : false,

              dataType : 'json',

              success: function(data){

                var html = '';

                var i;

                for(i=0; i<data.length; i++){

                  html += '<option value='+data[i].namakepalakeluarga+'>'+data[i].namakepalakeluarga+'</option>';

                }

                $('#namaayah').html(html);

              }

            });

          }else{

          }

        }

为什么我的ajax代码不工作？我的情况不起作用，因此选项无法显示。帮助我..谢谢

Answer 1

您使用了错误的功能。您应该使用onchange而不是onkeyup.<select&nbsp;class="custom-select"&nbsp;id="statushubkeluarga"&nbsp;name="statushubkeluarga"&nbsp;required=""&nbsp;onchange="getortu()"></select> <select&nbsp;class="custom-select"&nbsp;id="statushubkeluarga"&nbsp;name="statushubkeluarga"&nbsp;required=""&nbsp;onchange="getortu()"></select>