<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search...">
<div id="dropdownList"></div>
function showDropdown() {
var input = document.getElementById("searchBar").value;
if (input.length > 0) {
// Gumawa ng AJAX request para makuha ang mga pangalan sa database
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("dropdownList").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "get_names.php?input=" + input, true);
xmlhttp.send();
} else {
// I-clear ang dropdown list kapag walang input
document.getElementById("dropdownList").innerHTML = "";
}
}
<?php
// Konektahin sa database
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
$conn = new mysqli($servername, $username, $password, $dbname);
// Kunin ang input mula sa search bar
$input = $_GET['input'];
// Query para sa mga pangalan na may katulad na input
$sql = "SELECT CONCAT(first_name, ' ', middle_name, ' ', last_name) AS full_name FROM table_name WHERE CONCAT(first_name, ' ', middle_name, ' ', last_name) LIKE '%$input%'";
$result = $conn->query($sql);
// Ipakita ang mga pangalan sa dropdown list
if ($result->num_rows > 0) {
while ($row = $result->fetch_assoc()) {
echo "<p onclick='selectName(\"" . $row['full_name'] . "\")'>" . $row['full_name'] . "</p>";
}
} else {
echo "<p>No results found</p>";
}
$conn->close();
?>
function selectName(name) {
document.getElementById("searchBar").value = name;
document.getElementById("dropdownList").innerHTML = "";
}
salamat dito ngunit hindi din lumalabas sa akin ang mga result mula sa database.Para mabuo ang search bar na may dropdown list at mag-display ng lahat ng pangalan, kailangan mong gamitin ang JavaScript, PHP, at SQL. Narito ang mga hakbang na maaari mong sundin:
1. Buuin ang HTML ng search bar at dropdown list. Ito ang maaaring hitsura ng code:
HTML:<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search..."> <div id="dropdownList"></div>
2. Gumawa ng JavaScript function na magpapakita ng dropdown list habang sinusulat mo ang pangalan sa search bar:
JavaScript:function showDropdown() { var input = document.getElementById("searchBar").value; if (input.length > 0) { // Gumawa ng AJAX request para makuha ang mga pangalan sa database var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("dropdownList").innerHTML = this.responseText; } }; xmlhttp.open("GET", "get_names.php?input=" + input, true); xmlhttp.send(); } else { // I-clear ang dropdown list kapag walang input document.getElementById("dropdownList").innerHTML = ""; } }
3. Gumawa ng PHP script na kukunan ng mga pangalan mula sa database at ipapakita sa dropdown list. Ito ang kailangang laman ng "get_names.php" file:
PHP:<?php // Konektahin sa database $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "database_name"; $conn = new mysqli($servername, $username, $password, $dbname); // Kunin ang input mula sa search bar $input = $_GET['input']; // Query para sa mga pangalan na may katulad na input $sql = "SELECT CONCAT(first_name, ' ', middle_name, ' ', last_name) AS full_name FROM table_name WHERE CONCAT(first_name, ' ', middle_name, ' ', last_name) LIKE '%$input%'"; $result = $conn->query($sql); // Ipakita ang mga pangalan sa dropdown list if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { echo "<p onclick='selectName(\"" . $row['full_name'] . "\")'>" . $row['full_name'] . "</p>"; } } else { echo "<p>No results found</p>"; } $conn->close(); ?>
4. Gumawa ng JavaScript function na pipili ng pangalan mula sa dropdown list at ipapakita ito sa search bar:
JavaScript:function selectName(name) { document.getElementById("searchBar").value = name; document.getElementById("dropdownList").innerHTML = ""; }
Sa mga hakbang na ito, ang pagtatype ng "Jane Doe" sa search bar ay magbibigay sa iyo ng mga resultang naglalaman ng parehong "Jane" at "Doe". Kung mayroon kang ibang katanungan, huwag mag-atubiling magtanong. Good luck sa inyong Capstone project!
Hindi mo kailangan magdagdag ng jQuery.min.js para sa simpleng search bar na ito. Gumagamit lamang ito ng JavaScript at AJAX para gumana.salamat dito ngunit hindi din lumalabas sa akin ang mga result mula sa database.
may kailangan ba ako copy src na javascript like jquery.min.js?
Maaari mo bang gawin ito sa PDO?Para mabuo ang search bar na may dropdown list at mag-display ng lahat ng pangalan, kailangan mong gamitin ang JavaScript, PHP, at SQL. Narito ang mga hakbang na maaari mong sundin:
1. Buuin ang HTML ng search bar at dropdown list. Ito ang maaaring hitsura ng code:
HTML:<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search..."> <div id="dropdownList"></div>
2. Gumawa ng JavaScript function na magpapakita ng dropdown list habang sinusulat mo ang pangalan sa search bar:
JavaScript:function showDropdown() { var input = document.getElementById("searchBar").value; if (input.length > 0) { // Gumawa ng AJAX request para makuha ang mga pangalan sa database var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("dropdownList").innerHTML = this.responseText; } }; xmlhttp.open("GET", "get_names.php?input=" + input, true); xmlhttp.send(); } else { // I-clear ang dropdown list kapag walang input document.getElementById("dropdownList").innerHTML = ""; } }
3. Gumawa ng PHP script na kukunan ng mga pangalan mula sa database at ipapakita sa dropdown list. Ito ang kailangang laman ng "get_names.php" file:
PHP:<?php // Konektahin sa database $servername = "localhost"; $username = "username"; $password = "password"; $dbname = "database_name"; $conn = new mysqli($servername, $username, $password, $dbname); // Kunin ang input mula sa search bar $input = $_GET['input']; // Query para sa mga pangalan na may katulad na input $sql = "SELECT CONCAT(first_name, ' ', middle_name, ' ', last_name) AS full_name FROM table_name WHERE CONCAT(first_name, ' ', middle_name, ' ', last_name) LIKE '%$input%'"; $result = $conn->query($sql); // Ipakita ang mga pangalan sa dropdown list if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { echo "<p onclick='selectName(\"" . $row['full_name'] . "\")'>" . $row['full_name'] . "</p>"; } } else { echo "<p>No results found</p>"; } $conn->close(); ?>
4. Gumawa ng JavaScript function na pipili ng pangalan mula sa dropdown list at ipapakita ito sa search bar:
JavaScript:function selectName(name) { document.getElementById("searchBar").value = name; document.getElementById("dropdownList").innerHTML = ""; }
Sa mga hakbang na ito, ang pagtatype ng "Jane Doe" sa search bar ay magbibigay sa iyo ng mga resultang naglalaman ng parehong "Jane" at "Doe". Kung mayroon kang ibang katanungan, huwag mag-atubiling magtanong. Good luck sa inyong Capstone project!
Oo, maaari kong gawin ang code na ito gamit ang PDO. Narito ang pagkakasunud-sunod ng mga hakbang:Maaari mo bang gawin ito sa PDO?
<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search...">
<div id="dropdownList"></div>
function showDropdown() {
var input = document.getElementById("searchBar").value;
if (input.length > 0) {
// Gumawa ng AJAX request para makuha ang mga pangalan sa database
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("dropdownList").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "get_names.php?input=" + input, true);
xmlhttp.send();
} else {
// I-clear ang dropdown list kapag walang input
document.getElementById("dropdownList").innerHTML = "";
}
}
ang galing ng AI pero hintayin ko na mabuo mo ang iyong post. maraming salamatOo, maaari kong gawin ang code na ito gamit ang PDO. Narito ang pagkakasunud-sunod ng mga hakbang:
1. Buuin ang HTML ng search bar at dropdown list. Ito ang maaaring hitsura ng code:
HTML:<input type="text" id="searchBar" onkeyup="showDropdown()" placeholder="Search..."> <div id="dropdownList"></div>
2. Gumawa ng JavaScript function na magpapakita ng dropdown list habang sinususlat mo ang pangalan sa search bar:
JavaScript:function showDropdown() { var input = document.getElementById("searchBar").value; if (input.length > 0) { // Gumawa ng AJAX request para makuha ang mga pangalan sa database var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("dropdownList").innerHTML = this.responseText; } }; xmlhttp.open("GET", "get_names.php?input=" + input, true); xmlhttp.send(); } else { // I-clear ang dropdown list kapag walang input document.getElementById("dropdownList").innerHTML = ""; } }
3. Gumawa ng PHP script na kukunan ng mga pangalan mula sa database gamit ang PDO at ipapakita sa dropdown list. Ito ang kailangang laman ng "get_names.php" file:
```php
<?php
// Konektahin sa database gamit ang PDO
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
try {
$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
// Kunin ang input mula sa search bar
$input = $_GET['input'];
// Query para sa mga pangalan na may katulad na input
$sql = "SELECT CONCAT(first_name, ' ', middle_name, ' ', last_name) AS full
Wala pong problema! Mas maiintindihan mo talaga ang PDO dahil ito ay mas moderno at nagbibigay ng mas malawak na mga function at mga feature. Subukan mo munang gamitin ang mysqli at pag-aralan ang PDO kapag may oras ka na. Kung may mga katanungan ka pa omas maiintindihan ko sana kung PDO pero maraming salamat sa tulong mo. susubukan ko na lang muna gamit mysqli pero sana maayos mo din gamit ang PDO
nakatulong sa akin ang query na ginamit mo. dahil sa query na iyon nakuha ko na ang resulta na aking nais maraming salamat halos isang araw na ako nag sesearch para doon.Wala pong problema! Mas maiintindihan mo talaga ang PDO dahil ito ay mas moderno at nagbibigay ng mas malawak na mga function at mga feature. Subukan mo munang gamitin ang mysqli at pag-aralan ang PDO kapag may oras ka na. Kung may mga katanungan ka pa o
yes ginawa ko iyan pero may napansin din ako di accurate like exampleIsang nakitang kong approach TS ung magkaroon ng fullname field sa database, para sa query isasama ung field na "fullname" para sa searchbar
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?
We use cookies and similar technologies for the following purposes:
Do you accept cookies and these technologies?