用 jquery 如何禁用 select
时间: 2024-02-03 19:11:26 浏览: 18
你可以使用 jQuery 的 `prop()` 方法来禁用 `select` 元素。例如:
```javascript
// 禁用 select 元素
$('select').prop('disabled', true);
// 启用 select 元素
$('select').prop('disabled', false);
```
在上面的代码中,我们使用 `prop()` 方法来设置 `disabled` 属性为 `true` 或 `false`,以禁用或启用 `select` 元素。注意,这里的 `select` 可以通过选择器来指定具体的元素。
相关问题
jquery设置select不可改
可以通过以下代码使用 jQuery 将一个 select 元素设置为不可编辑:
```
$('select').prop('disabled', true);
```
这将禁用所有的 select 元素。如果你只想禁用特定的 select 元素,可以将选择器更改为目标元素的 ID 或类。
jquery设置select2不可改
你可以使用以下代码来禁用 Select2 组件:
```
$('#select2-id').prop('disabled', true);
```
这将禁用 Select2 组件,使其不可编辑。如果你想重新启用它,只需将代码中的 `true` 改为 `false` 即可。
另外,如果你只想禁用选择功能,但仍允许搜索和展开下拉列表,可以使用以下代码:
```
$('#select2-id').prop('disabled', true);
$('#select2-id').select2('readonly', true);
```
这将禁用选择功能,但仍允许搜索和展开下拉列表。如果你想重新启用它,只需将代码中的 `true` 改为 `false` 即可。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)