CODEWITHSUNDEEP
jqueryjquery-ui
nano nano
nano nano

Reputation: 53

destroy datepicker on after select sepesific value

i want to remove class datepicker in my code after change the select option, but its but its not working properly this my code

 <?php for ($i = 0; $i < $anak; $i++) {
            # code...
            $b = $i + 1;
        ?>
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary"><?= 'Detail ' . $b ?></h6>
                </div>
                <div class="card-body">

                    <div class="form-row">
                        
                        <div class="form-group col-lg-3">
                            <label for="identitas">Type ID</label>
                            <select class="custom-select my-1 mr-sm-2 idanak select2" name="type">
                                <option></option>
                                <?php foreach ($kia as $key => $value) {
                                ?>
                                    <option value="<?= $value['cardtype_id'] ?>"><?= $value['cardtype_name'] ?></option>

                                <?php } ?>
                            </select>
                        </div>

                        <div class="form-group anak col-lg-3">
                            <label for="identitas">Data</label>
                            <input name="vale[]" type="text" class="form-control classforval datepicker" placeholder="Masukkan Tanggal Lahir" required>
                        </div>
                        

                    </div>


                </div>
            </div>
        <?php } ?>
    ```

this my jquery

$(document).ready(function() {

    $('.idanak').on('change', function() {
        var val = $(this).find("option:selected").text()
        if (val==='KIA') {
           $('.classforval').datepicker('destroy');
           
        }

    })
})


but it destroy all datepicker, but i want only in the same card body to be destroy
any idea ?

Upvotes: 1

Views: 32

Answers (1)

ikiK
ikiK

Reputation: 6532

$(this).parents(".form-group").next().find(".classforval").datepicker('destroy');

jQuery Tree Traversal

Upvotes: 1

Related Questions