Question

我正在使用laravel，在我的表单中，我正在获取数据以使用某些变量选择输入，

<label for="exampleFormControlSelect1">Vehicle Category</label>
  <select name="c_id" id="c_id" class="form-control input dynamic" data-dependent="b_id" >
    @foreach($model_list as $model) 
      <option value="{{$categories->id}}">{{$categories->id}}</option>
    @endforeach
  </select>

现在，我将隐藏此选择输入，并且此选择输入取决于其他选择输入值。因此，我需要使用某些技术将select的值自动下拉至上述select输入之上。我怎样才能做到这一点？（当前应使用下拉列表手动选择）

Answer 1

将selected="selected"添加到第一个option。

Answer 2

<select name="c_id" id="c_id" class="form-control input dynamic" data-dependent="b_id" >
{{$i = 1;}}
@foreach($model_list as $model) 

  <option value="{{$categories->id}}" {{($i == 1) ? "selected='selected' : ''"}}>{{$categories->id}}</option>
  $i++;
@endforeach

Answer 3

如果您需要选择select的第一个选项，则可以通过三种方式进行选择

select.options select.values select.selectedIndex

例如，具有包含可能呈现的刀片的选择的表单

<form name="formName">
    <label>Categories</label>
    <select name="c_id">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
</form>

您可以尝试

const category = document.forms.formName.c_id;

console.log(category.value)
console.log(category.options[0].value)
console.log(category.options[category.options.selectedIndex].value)

这将在控制台上显示：

'1' '1' '1'

访问此link来尝试示例

要了解有关选择和一些有用选项的更多信息，请访问选择和选项部分

中的article

现在，可能是我误解了您的问题，在您的评论中您提到此选择依赖于另一个选择，这对我来说还不清楚，它与data属性有任何关系吗？如果是这种情况，请提出您的问题

如何在选择输入中自动选择下拉列表的第一个值？

3 个答案: