如何从 JavaScript 的下拉列表中选择第一个值答案

【问题标题】：How can I select the first value from dropdown in JavaScript如何从 JavaScript 的下拉列表中选择第一个值
【发布时间】：2020-05-14 07:22:07
【问题描述】：

我有一个对象数组，我正在通过.map() 函数填充数据我想默认选择下拉列表的第一个值，并且还需要获取第一个选项属性值。我非常努力但没有找到具体的解决方案。有人可以帮助我如何实现我的目标吗？

代码

  <select className="form-control input-box" {...input} required>
    <option>Select Manager</option>
    {managerList.map((item, index) => (
      <option
        value={item.id}
        managerZoneId={item.zoneId}
        key={item.id}

      >
        {item.firstName + " " + item.lastName}
      </option>
    ))}
  </select>

【问题讨论】：

其实你的第一个选项是默认选中的。
@Striped 谢谢你的回复，但它没有像我预期的那样工作
如果您不指定任何默认值，默认情况下您应该只选择第一个选项。
那么选择的默认选项是什么？
发布完整代码。包括选择标签...

标签： javascript arrays reactjs ecmascript-6 dom-events

【解决方案1】：

<select className="form-control input-box" {...input} required
   defaultValue={managerList[0].id} // Add this line
>
    <option>Select Manager</option>
    {managerList.map((item, index) => (
      <option
        value={item.id}
        managerZoneId={item.zoneId}
        key={item.id}

      >
        {item.firstName + " " + item.lastName}
      </option>
    ))}
  </select>

【讨论】：

感谢行实际上我正在使用 redux 表单它工作正常我的意思是默认值已被选中，但我没有检索此下拉菜单 otherelse
@Jonas 尝试通过支持和接受答案（如果有帮助）来激励那些提供帮助的人。
当然，我会的。你能帮我解决这个问题吗？
@Jonas 如果您还有其他问题，请更新问题并提供更多细节/细节或打开新问题。