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

Question

我有一个对象数组，我正在通过.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>

标签： javascriptarraysreactjsecmascript-6dom-events

Answer 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>