javascript - 如何在没有 'onchange' 的下拉列表中显示预选值

Question

目前我的 edit.blade.php 中有一个下拉列表

<div class="md-form">
   <select id="estado_civil" name="estado_civil" class="mdb-select validate" onchange="editar('estado_civil',$(this).val());">
      <option value=""></option>
      <option value="1">Soltero(a)</option>
      <option value="2">Unido(a)</option>
      <option value="3">Casado(a)</option>
   </select>
</div>

我需要下拉菜单来选择/显示用户之前选择并存储在数据库中的值。我使用 JQuery 实现了这一点:

$(document).ready(function() {
        var e = $.Event('change'); 
        $('#estado_civil').val('{{$personas->estado_civil}}').focus().trigger(e);

但是，此函数会在页面加载时将预选值的显示注册为“更改”。因此，它会触发我制作的另一个功能，通知用户值已更改。

问题:有没有一种方法可以从数据库中选择/显示预选值，而无需将其注册为更改？

非常感谢!

Answer 1

我对 Laravel 不是很熟悉，但是通过快速阅读文档，你会在 blade 中做这样的事情:

<option value="1" {{estado_civil) == 1 ? "selected" : ""}}>Soltero(a)</option>
<option value="2" {{estado_civil) == 2 ? "selected" : ""}}>Unido(a)</option>

这使用三元来设置输入的选定值。