mejorar
Autocompletar.Local minChars del lado del servidor
Sintaxis:
{ partialChars: number }
Valores:
- número: Este es un número que especifica el número mínimo de caracteres, el valor predeterminado es 1.
Ejemplo 1: en este ejemplo, hemos configurado la opción minChars en 6, por lo que buscará solo después de 6 caracteres.
HTML
<!DOCTYPE html>
<html>
<head>
<!-- Include the required scripts -->
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js?load = effects,controls">
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<label for="GeeksforGeeks">
Input any name:
</label>
<br />
<input id="GeeksforGeeks" autocomplete="off"
size="40" type="text" value="" />
<div class="autocomplete" id="names"
style="display:none">
</div>
<script type="text/javascript">
// Array to be used as choices
var names = [
'Ab GeeksforGeeks',
'Abc GeeksforGeeks',
'Abcd GeeksforGeeks',
'Abcde GeeksforGeeks',
'Abcdef GeeksforGeeks',
'Abcdefg GeeksforGeeks',
];
// Initialize the Autocompleter
new Autocompleter.Local('GeeksforGeeks',
'names', names, {
// Specify minimum chars
// to trigger a search
minChars: 6
});
</script>
</body>
</html>
Producción:
Ejemplo 2: En este ejemplo, hemos configurado la opción minChars en 3, por lo que buscará solo después de 3 caracteres.
HTML
<!DOCTYPE html>
<html>
<head>
<!-- Include the required scripts -->
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js?load = effects,controls">
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<label for="GeeksforGeeks">
Input any name:
</label>
<br />
<input id="GeeksforGeeks" autocomplete="off"
size="40" type="text" value="" />
<div class="autocomplete" id="names"
style="display:none">
</div>
<script type="text/javascript">
// Array to be used as choices
var names = [
'Ab GeeksforGeeks',
'Abc GeeksforGeeks',
'Abcd GeeksforGeeks',
'Abcde GeeksforGeeks',
'Abcdef GeeksforGeeks',
'Abcdefg GeeksforGeeks',
];
// Initialize the Autocompleter
new Autocompleter.Local('GeeksforGeeks',
'names', names, {
// Specify minimum chars
// to trigger a search
minChars: 3
});
</script>
</body>
</html>
Producción:
