SELECT 禁止下拉
时间: 2023-07-27 15:07:00 浏览: 138
您可以在 HTML 中使用 `onmousedown="return false;"` 来禁止下拉选择,如下所示:
```html
<select onmousedown="return false;">
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>
```
这样就可以禁止用户通过鼠标拖动来选择下拉选项了。
相关问题
el-select禁止下拉
您可以通过设置 `disabled` 属性来禁用 `el-select` 的下拉操作。例如:
```html
<el-select v-model="selectedValue" :disabled="true">
<el-option label="Option 1" value="1"></el-option>
<el-option label="Option 2" value="2"></el-option>
<el-option label="Option 3" value="3"></el-option>
</el-select>
```
在上面的示例中,`disabled` 属性被设置为 `true`,因此用户将无法下拉选择框以选择选项。
另外,您还可以使用 `readonly` 属性来禁止用户编辑选项,但仍然允许用户下拉选择框并选择选项。例如:
```html
<el-select v-model="selectedValue" :readonly="true">
<el-option label="Option 1" value="1"></el-option>
<el-option label="Option 2" value="2"></el-option>
<el-option label="Option 3" value="3"></el-option>
</el-select>
```
在上面的示例中,`readonly` 属性被设置为 `true`,因此用户将无法编辑选项,但仍然可以下拉选择框以选择选项。
js的select禁止下拉
可以通过设置select的属性"disabled"来禁止下拉,代码如下:
```html
<select disabled>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
```
这样设置后,下拉框将无法展开,用户也无法选择其中的选项。如果需要启用下拉框,可以将"disabled"属性设置为false或者直接移除该属性。