📜  jQuery UI Autocomplete disable() 方法(1)

📅  最后修改于: 2023-12-03 14:43:11.678000             🧑  作者: Mango

jQuery UI Autocomplete disable() 方法

jQuery UI Autocomplete disable()方法用于禁用jQuery UI Autocomplete小部件。当执行此方法时,Autocomplete小部件将变为不可编辑状态,并禁用所有输入。

语法
$( ".selector" ).autocomplete( "disable" );

或者

$( ".selector" ).autocomplete( { disabled: true } );
参数

此方法不需要任何参数。

返回值

此方法不返回任何内容。

示例

HTML:

<label for="autocomplete">选择一个城市:</label>
<input id="autocomplete">

JavaScript:

$( "#autocomplete" ).autocomplete({
    source: [ "北京", "上海", "广州", "深圳", "杭州", "南京", "成都", "重庆", "天津", "武汉", "西安", "苏州", "长沙", "厦门", "青岛", "大连", "沈阳", "江苏", "湖北", "四川", "陕西", "湖南" ]
});

$( "button" ).click(function() {
    $( "#autocomplete" ).autocomplete( "disable" );
});

在上面的示例中,单击按钮将禁用自动完成小部件。

结论

使用jQuery UI Autocomplete disable()方法可以将自动完成小部件禁用,以防止用户输入。此方法非常有用,可以帮助您控制用户的输入并防止误输入。