Skip to content

Instantly share code, notes, and snippets.

@sakukode

sakukode/selectize_demo.html

Created January 19, 2019 06:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save sakukode/802c3f4df01f58af1f3b7f57bca0422f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save sakukode/802c3f4df01f58af1f3b7f57bca0422f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
selectize_demo.html
<!DOCTYPE html>
<html>
<head>
<title>Selectize - Demo</title>
<!-- Selectize.js CSS -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.default.min.css">
</head>
<body>
<h2>Contoh dengan data lokal</h2>
<p>Nama Buah-buahan</p>
<input type="text" id="fruit" />
<!-- Jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Selectize.js CSS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.js"></script>
<script>
$(document).ready(function() {
$('#fruit').selectize({
//data lokal
options: [
{value: 'Apel', text : 'Apel'},
{value: 'Durian', text : 'Durian'},
{value: 'Mangga', text : 'Mangga'},
{value: 'Pisang', text : 'Pisang'},
{value: 'Salak', text : 'Salak'},
],
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment