Alter在一個選擇欄多少選項呈現陣營

Question

我有一個選擇字段與一羣選項：

<select> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
    <option>6</option> 
    <option>7</option> 
    <option>8</option> 
    <option>9</option> 
    <option>10</option> 
</select> 

我使用的反應，因爲我的頁面上可用的身高不足，我想限制我的選擇字段，以便當用戶點擊它時，並不是所有10個選項都可以看到，只有5.

我已經看過並嘗試this answer並使用上述屬性的camelcase版本（onBlur，onFocus）等，但這在React中無效，返回控制檯錯誤。

Answer 1

您可以使用onFocus和onBlur事件來設置您的目標大小。

<select onFocus={(e) => e.target.size = 5} onBlur={(e) => e.target.size = 1} 

jsfiddle example