select option w php przy wykorzystaniu jqery

Question

Witajcie znowu trafiłam na ścianę nie bardzo potrafię zrozumieć jak przy pomocy js zrobić następujący przypadek tzn do tej pory robiłam to tak przy edycji czegoś z bazy:

<?php
                    if(isset($_GET['id'])) 
                    {
                        $user_id = $_GET['id'];
                        $users = "SELECT * FROM users WHERE id='$user_id' ";
                        $users_run = mysqli_query($con, $users);

                        if (mysqli_num_rows($users_run) > 0) 
                        {
                        foreach ($users_run as $user)
                        {
                           
                    ?>

i teraz tak to miałam przy option i checkbox

<div class="col-md-16 mb-3">
                                <label for="">Uprawnienia</label>
                                <select type="text" name="role_as" class="form-control">
                                    <option value="">Wybierz --Administrator czy Użytkownik--</option>
                                    <option value="1" <?=$user['role_as'] == '1' ? 'selected':'' ?>>Administrator</option>
                                    <option value="0" <?=$user['role_as'] == '0' ? 'selected':'' ?>>Użytkownik</option>
                                </select>
 </div>                           
 <div class="col-md-11 mb-3 d-flex justify-content-end">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" name="status" <?=$user['status'] == '1' ? 'checked':'' ?> width="70px" height="70px" />
                                <label for="">Status <-- Po zaznaczeniu użytkownik zostanie zablokowany</label> <br>
                            </div>
 </div> 

a teraz muszę zrobić to w modalu i kombinuje tak

<script>
        $(document).ready(function () {

            $('.editbtn').on('click', function () {

                $('#editmodal').modal('show');

                $tr = $(this).closest('tr');

                var data = $tr.children("td").map(function () {
                    return $(this).text();
                }).get();

                console.log(data);
                $('#update_id').val(data[0]);
                $('#fname').val(data[1]);
                $('#password').val(data[2]);
                $('#email').val(data[3]);
                $('#select').val(data[4]); <-- jak dla option i checked zrobić
            });
        });
    </script>

i o ile to działa z normalnym input to jak to powinno się zrobić z  option żeby sprawdził który jest wybrany i checkbox podobnie sprawdzenie wybranego i ew zmiana ?

Jak zawsze będę bardzo wdzięczna za sugestie i podpowiedzi.

 

Answer 1

Dla np.

[ on-line ]

<label for="select">Uprawnienia</label>
<select type="text" id="select" name="role_as" class="form-control">
  <option value="">Wybierz --Administrator czy Użytkownik--</option>
  <option value="1">Administrator</option>
  <option value="0">Użytkownik</option>
</select>

<br>
<input class="form-check-input" type="checkbox" id="status" name="status" />
<label for="status">Status <-- Po zaznaczeniu użytkownik zostanie zablokowany</label><br>

const data = [ 1, 'name', 'password', 'email', 0 ];
const status = 1;

$('#select').val(data[4]);
$('#status').prop('checked', ((status == 0) ? false:true));

chyba, że data będzie też zawierał dane na temat statusu np.

const data = [ 1, 'name', 'password', 'email', 0, 1 ]; // ostatnia wartość - status

$('#select').val(data[4]);
$('#status').prop('checked', ((data[5] == 0) ? false:true));


//-------------------------------------------------------------------------

const data = { update_id:1, fname:'name', password:'password', email:'email', select:0, status:1 };

$('#select').val(data.select);
$('#status').prop('checked', ((data.status == 0) ? false:true));

 

Comments

Dzięki wielkie, dokładnie tego szukałam.