我想将下拉列表的显示大小设置为仅显示 5 个值,然后在 React js 中应用滚动。
例如。
<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>
这适用于正常的 HTML 格式。我希望它能与 React js 一起使用。那么有可能实现这一目标吗?
<select onfocus="this.size = 5;" onblur="this.size = 1" onchange="this.size=1">
<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>
最佳答案
试试这个
onFocus={(e)=>{e.target.size = 5}}
其他的也一样,请确保on
之后的第一个字母大写。但我认为如果你创建一个这样的状态会更好
this.state = {
size: 1
}
然后将选择标签更改为
<select size={this.state.size} onFocus={()=>{this.setState({size: 5})}} onBlur={()=>{this.setState({size: 1})}} onChange={(e)=>{e.target.blur()}}>
这是Jsfiddle
关于javascript - React js - 如何设置下拉菜单的显示大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52928763/