mejorar
Autocompletar.Chars parciales locales
Sintaxis:
{ partialChars: number }
Valores:
- número: Este es un número que por defecto es 2.
Nota: Para ver los resultados de esta opción, tendremos que establecer el valor de la opción de búsqueda parcial en verdadero
Ejemplo 1: en este ejemplo, hemos establecido la opción de caracteres parciales en 5, por lo que buscará solo después de 5 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 partial search with min 5 chars
partialChars: 5,
partialSearch: true
});
</script>
</body>
</html>
Producción:
Ejemplo 2: En este ejemplo, hemos establecido la opción partialChars en 2, por lo que buscará solo después de 2 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 partial search with min 2 chars
partialChars: 2,
partialSearch: true
});
</script>
</body>
</html>
Producción:
