jquery.ajax-combobox
Version:
jQuery plugin to create a text box which can auto-complete and pull-down-select.
76 lines • 1.81 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Language: jquery.ajax-combobox</title>
<link rel="stylesheet" href="../../dist/css/jquery.ajax-combobox.css">
<script src="../../node_modules/jquery/dist/jquery.min.js"></script>
<script src="../../dist/js/jquery.ajax-combobox.min.js"></script>
<script>
$(function() {
$('#de').ajaxComboBox(
'../../dist/php/jquery.ajax-combobox.php',
{
db_table: 'nation',
lang: 'de'
}
);
$('#en').ajaxComboBox(
'../../dist/php/jquery.ajax-combobox.php',
{
db_table: 'nation',
lang: 'en'
}
);
$('#es').ajaxComboBox(
'../../dist/php/jquery.ajax-combobox.php',
{
db_table: 'nation',
lang: 'es'
}
);
$('#pt-br').ajaxComboBox(
'../../dist/php/jquery.ajax-combobox.php',
{
db_table: 'nation',
lang: 'pt-br'
}
);
$('#ja').ajaxComboBox(
'../../dist/php/jquery.ajax-combobox.php',
{
db_table: 'nation',
lang: 'ja'
}
);
});
</script>
</head>
<body>
<h1>Language: jquery.ajax-combobox</h1>
<form action="send.php" method="post">
<p>
<label for="de">Nation: (de: German)</label><br>
<input id="de" name="de" type="text">
</p>
<p>
<label for="en">Nation: (en: English)</label><br>
<input id="en" name="en" type="text">
</p>
<p>
<label for="es">Nation: (es: Spanish)</label><br>
<input id="es" name="es" type="text">
</p>
<p>
<label for="pt-br">Nation: (pt-br: Brazilian Portuguese)</label><br>
<input id="pt-br" name="pt-br" type="text">
</p>
<p>
<label for="ja">Nation: (ja: Japanese)</label><br>
<input id="ja" name="ja" type="text">
</p>
<p><button type="submit">Send</button></p>
</form>
</body>
</html>