悬停在选择中的特定选项时显示标签

Question

我有一个带有几个选项的选择输入，我的目的是在用户悬停/应用该选项时显示带有一些数据的弹出标签我的代码片段是

<span>
        <button className='dashboard-border'>
          <select
          className='dashboard-button-report'
          id="page-size" onChange={changeFilter} value={filters}>
          <option key="tWeekBar" value="thisWeek" selected={true}>This Week</option>
          <option key="lWeekBar" value="lastWeek">Last Week</option>
          <option key="tMonthBar" value="thisMonth" >This Month</option>
          <option key="lMonthBar" value="lastMonth" >Last Month</option>
          <option key="tYearBar" value="thisYear" >This Year</option>
          <option key="lYearBar" value="lastYear" >Last Year</option>
          <option key="bwDatesBar" value="betweenDates" onMouseEnter={()=>function(){console.log("hello")}} >Between Dates</option>
          </select>
        </button>
        </span>

开始时，当从选择选项中悬停“日期之间”选项时，我试图获得控制台输出，但我没有成功。这种方法有什么问题？

Answer 1

您是否尝试过

<select>

中的onMouseEnter功能？