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

【问题标题】：how to select automatically first value of dropdown in select input?如何在选择输入中自动选择下拉列表的第一个值？
【发布时间】：2019-01-13 13:15:31
【问题描述】：

我正在使用 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>

现在我要隐藏这个选择输入，这个选择输入取决于其他选择输入值。所以，我需要使用一些技术自动选择下拉值到上面的选择输入。我怎样才能做到这一点？（目前应该使用下拉列表手动选择）

【问题讨论】：

对此事一无所知？
可能是this问题的答案可以帮助你。

标签： javascript php html laravel-5

【解决方案1】：

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

【讨论】：

@banda 不幸的是我不熟悉 Laravel。可能您需要一个跟踪迭代的变量，以及一个 @if 来有条件地插入 select 属性。

【解决方案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

【讨论】：

【解决方案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

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

【讨论】：