Как я могу показать выбранное значение в опции, используя JQuery

Question

Я пытаюсь показать значение из базы данных для отображения в опции выбора.

работает на PHP, JSON, AJAX, JQUERY

$(document).on('click', '.edit_data', function () {
    var shop_id = $(this).attr("id");
    $.ajax({
        url: "<?php echo base_url();?>dashboard/update_shop",
        method: "POST",
        data: {shop_id: shop_id},
        dataType: "json",
        success: function (data) {
        $('#emp_name').value = data[0].emp_id;
            console.log(data[0].emp_id);
            $('#shop_name').val(data[0].shop_name);
            $('#shop_owner').val(data[0].shop_owner);
            $('#shop_phone').val(data[0].shop_phone);
            $('#shop_dist').val(data[0].shop_district);
            $('#shop_loc').val(data[0].shop_location);
            $('#shop_code').val(data[0].shop_code);
            $('#shop_id').val(data[0].shop_id);
            $('#latitude').val(data[0].latitude);
            $('#longitude').val(data[0].longitude);
            $('#create_button').text("Update");
            $('#createOrder').modal('show');
          }
    });
});

Я ожидаю, что выходной результат выглядит как данные шоу[0] .emp_id как выбранный и показать другую опцию в выпадающем списке

Answer 1

Вы также можете использовать php без jquery.

<select class="custom-select col-12"  id="lcount" name="lcount" data-validation="required" >                                            
        <option value="0" <?php if($sdata['lcount']=='0') echo 'selected="selected"'; ?>>select</option>
        <option value="1" <?php if($sdata['lcount']=='1') echo 'selected="selected"'; ?>>1</option>
        <option value="2" <?php if($sdata['lcount']=='2') echo 'selected="selected"'; ?>>2</option>
        <option value="3" <?php if($sdata['lcount']=='3') echo 'selected="selected"'; ?>>3</option>
        <option value="4" <?php if($sdata['lcount']=='4') echo 'selected="selected"'; ?>>4</option>
        <option value="5" <?php if($sdata['lcount']=='5') echo 'selected="selected"'; ?>>5</option>
</select>

Answer 2

Поскольку ваш вопрос

, как показать выбранное значение в опции, используя jquery

, и я не могу комментировать, так как моя репутация ниже 50.

Ваш ответ должен быть $('#idOfSelectTag').val('3')

$(document).ready(function(){ 
  $('#txtValue').change(function(){
    changeValue($(this).val());
  });
});

function changeValue(){ 
  var value = $('#txtValue').val();
  value =   value==''?  1:  value;
  $('#selTest').val(value);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="selTest">
  <option value="1">one</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
  <option value="5">Five</option>
</select>
<br />
<input type="text" id="txtValue" />
<br />
<button onclick="changeValue(4)">Change Value</button>