how to create the 'if-else' condition with ajax jquery?

Question

how to create the 'if-else' condition with the following ajax jquery:

<script type="text/javascript">
    $(document).ready(function () {
        $('select[name="org_id"]').on('change', function () {
            var stateID = $(this).val();
            if (stateID){
                $.ajax({
                    url: '<?php base_url();?>pasien_lama/dokter/'+stateID,
                    type: "GET",
                    dataType: "json",
                    success:function (data) {
                        $('select[name="person_id"]').empty();
                        $('select[name="person_id"]').append('<option >- Pilih Dokter -</option>');
                        $.each(data, function (key, value) {
                            $('select[name="person_id"]').append('<option value="'+ value.person_id +'">'+ value.person_nm +'</option>')
                        });
                    }
                });
            } else {
                $('select[name="person_id"]').empty();
            }
        });
    });
</script>

if not selected, the select option will return empty automatically

here is html code :

<label>Poli Tujuan</label>
                                <select class="form-control select2" name="org_id" style="width: 100%;">
                                    <option selected="selected">- Pilih Poli -</option>
                                    <?php foreach ($xocp_orgs as $nama_poli): ?>
                                    <option value="<?php echo $nama_poli['org_id']; ?>"><?php echo $nama_poli['org_nm']; ?></option>
                                    <?php endforeach; ?>
                                </select>


<label>Poli Dokter Spesialis</label>
                                <select id="imageSelector" class="form-control select2" name="person_id" style="width: 100%;" required>
                                    <option>- Pilih -</option>
                                </select>

how to use the 'if-else' condition for the jquery script in the script above — Rizky Dwiananto, Aug 13 '19 at 04:42
here is the [link](https://stackoverflow.com/questions/57471123/how-to-create-the-if-else-condition-with-ajax-jquery) @madalinivascu — Rizky Dwiananto, Aug 13 '19 at 05:11

madalinivascu · Answer 1 · 2019-08-13T05:32:30.057

Set the value for the default option to a empty string

<option selected="selected" value="">- Pilih Poli -</option>

change your if statement to

  if (stateID.length) {//

demo:

$('select[name="org_id"]').on('change', function () {
            var stateID = $(this).val();
            if (stateID.length){
               console.log('has values');
            } else {
               console.log('empty');
                $('select[name="person_id"]').empty();
            }
        });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>Poli Tujuan</label>
<select class="form-control select2" name="org_id" style="width: 100%;">
  <option selected="selected" value="">- Pilih Poli -</option>
  <?php foreach ($xocp_orgs as $nama_poli): ?>
  <option value="<?php echo $nama_poli['org_id']; ?>">
    <?php echo $nama_poli['org_nm']; ?>
  </option>
  <?php endforeach; ?>
</select>


<label>Poli Dokter Spesialis</label>
<select id="imageSelector" class="form-control select2" name="person_id" style="width: 100%;" required>
  <option>- Pilih -</option>
</select>

score 0 · Answer 2 · answered Aug 13 '19 at 05:14

0

You can try something like jQuery.when() to get your task done, by making your method async. Resolve your actions based on your choice and then continue with necessary changes.

IF you want a learn better, this answer should help you.

answered Aug 13 '19 at 05:14

Himadhar H

106
9

how to create the 'if-else' condition with ajax jquery?

2 Answers2