如何使用jQuery显示选定的选项值

3

我想要将数据库中的值展示在选项中

运行环境为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');
          }
    });
});

我希望输出结果显示data[0].emp_id作为选中项,并在下拉菜单中显示其他选项。

1
请展示console.log(data);的输出结果,否则我们就无法了解发生了什么。如果您认为PHP代码有问题,您也需要展示它。关于您的应用程序,我们所知道的一切都是您告诉/展示给我们的。 - M. Eriksson
将其更改为:$('#emp_name').val(data[0].emp_id) - adiga
2个回答

0

由于您的问题是

如何使用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>


0

你也可以使用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>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接