Q:

Create a pre-populated list of values and focus on the first item when the menu is shown using jquery UI

hamza
Save to bookmark
|
2022-05-18
|
  114 
0

Create a pre-populated list of values and focus on the first item when the menu is shown using jquery UI

JQUERY,
login and add your own answer to this question

All Answers

hamza
2022-05-18
need an explanation for this answer? contact us directly to get an explanation for this answer

HTML Code :

<!DOCTYPE html>
<html>
<head>
<link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-git.js"></script>
<script src="https://code.jquery.com/ui/jquery-ui-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Create a pre-populated list of values and focus on the first item when the menu is shown.</title>
</head>
<body>
<label for="autocomplete">Select a Tutorial</label>
<input id="autocomplete">
</body>
</html>

JavaScript Code :

$( "#autocomplete" ).autocomplete({
  source: [ "HTML", "CSS", "JavaScript", "PHP", "Python", "SQL", "MySQL"]
});


var autoFocus = $( "#autocomplete" ).autocomplete( "option", "autoFocus" );
 
$( "#autocomplete" ).autocomplete( "option", "autoFocus", true );

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

Similar questions

need a help?

find thousands of online teachers now