在选择刀片中选择一个选项

Question

在刀片模板中，我有各种选择。

我从数据库中获取一个类型id，在每个选项上我检查该选项的值是否等于数据库中的值，如果是，则设置为选中。

有更有效的方法吗？

请注意，我无法遍历这些选项，因为它们是静态编码的，并且不存在于数组中（我不希望它们存在于数组中）。

 <select name="type-id">
    <option value="1" {{ $data->type_id === 1 ? 'selected' : '' }}>Type 1</option>
    <option value="2" {{ $data->type_id === 2 ? 'selected' : '' }}>Type 2</option>

Answer 1

你可以用一些javascript来做到这一点。 不过我不推荐它。循环似乎更清洁。

var selector = 'select[name=type-id] > option[value="{{ $data->type_id }}"]';
var option;

if (null !== (option = document.querySelector(selector)))
  option.selected = true;