JQuery Autocomplete - 1 lijst, meerdere input velden
Hoe kan ik een Autocomplete form van JQuery meegeven aan meerdere textinput velden? Het ID="AutoComplete1" toepassen bij meerdere velden werkt helaas niet... Is hier een andere oplossing voor?
Groeten Donny
<script type="text/javascript">
$(document).ready(function()
{
var AutoComplete1Data = ["Highland", "Low Land", "Speyside", "Campeltown", "Isle of Jura", "Isle of Islay", "Isle of Jura", "Isle of Mull", "Isle of Orkney", "Isle of Skye", "USA Canada", "USA Kentucky"];
var AutoComplete1Opts =
{
source: AutoComplete1Data,
delay: 0,
minLength: 2
};
$("#AutoComplete1").autocomplete(AutoComplete1Opts);
});
</script>
Een ID staat voor UNIEK, deze kan dus niet voor meerdere elementen gebruikt worden. In dit geval heb je meer aan een class. Deze wordt gekenmerkt door een . (punt) aan het begin, i.p.v. een # welke bij een ID gebruikt wordt.
Maar hoe kan je die ID van het javascript verander? Ik heb het autocomplete veld namelijk met WYSIWYG web builder gemaakt, die zet alles makkelijk voor je neer:P
Je moet gewoon van die ID van die textboxjes een CLASS maken, en de selector in jquery aanpassen van een # naar een .
Jouw antwoord kortom: in de jquery.css de ID veranderen naar een CLASS en dat WYSIWYG weg gooien?:P
Wat je met je WYSIWYG-editor doet ligt aan jouw. Maar als je bezig bent met HTML-code-kloppen, dan wil je straks niet anders ;-)
Dus pas gewoon je textarea/input element aan naar ID, en gebruik in je jquery-script in je selector de . van een class.
Toevoeging op 16/09/2011 11:23:44:
Ik heb trouwens in Dreamweaver de map geselecteerd waarin JQUERY staat om te zoeken naar autocomplete1 maar die gaf geen resultaat
Geen idee wat je verder nog zoekt?