Jquery - 如何在空输入后重置值
Jquery - how to reset value after empty input
我正在使用 jquery ui 自动完成它对我来说效果很好但是当我清空该字段时,ID 保留在值中我希望该值在清空该字段后为空
例如:
空字段后:
脚本:
$(document).ready(function(){
$( "#userName_search" ).autocomplete({
minLength: 3,
delay: 500,
source: function( request, response ) {
$.ajax({
url:"{{ route('admin.autocomplete.search') }}",
type: 'post',
dataType: "json",
data: {
_token: CSRF_TOKEN,
search: request.term
},
success: function( data ) {
response( data );
}
});
},
select: function (event, ui) {
$('#userName_search').val(ui.item.label) // display the selected text
$('#id').val(ui.item.value).attr('value',ui.item.value);
return false;
}
});
});
在 keyup
事件中,您可以检查元素 #userName_search
的值,如果它为空,您可以清除另一个元素 #id
$("#userName_search").keyup(function() {
if (!this.value) {
$("#id").val("");
}
});
我正在使用 jquery ui 自动完成它对我来说效果很好但是当我清空该字段时,ID 保留在值中我希望该值在清空该字段后为空
例如:
空字段后:
脚本:
$(document).ready(function(){
$( "#userName_search" ).autocomplete({
minLength: 3,
delay: 500,
source: function( request, response ) {
$.ajax({
url:"{{ route('admin.autocomplete.search') }}",
type: 'post',
dataType: "json",
data: {
_token: CSRF_TOKEN,
search: request.term
},
success: function( data ) {
response( data );
}
});
},
select: function (event, ui) {
$('#userName_search').val(ui.item.label) // display the selected text
$('#id').val(ui.item.value).attr('value',ui.item.value);
return false;
}
});
});
在 keyup
事件中,您可以检查元素 #userName_search
的值,如果它为空,您可以清除另一个元素 #id
$("#userName_search").keyup(function() {
if (!this.value) {
$("#id").val("");
}
});