2016-05-26 4 views
1

Ich benutze PHP und MySQL, um mein Formular mit einer Datenbank für Dropdown-Menü zu verbinden, da die Dropdown-Liste lang ist, also möchte ich eine vertikale Bildlaufleiste zur Dropdown-Liste hinzufügen. Ich habe die Dropdown-Liste mit Daten-Tag HTML5 erstellt und ich habe so viel über gesucht, war aber nicht in der Lage, etwas zu finden, das funktionierte, habe ich bereits versucht Größe und Überlauf. Hier ist mein CodeScrollbar zum Dropdown mit php/html hinzufügen

<div class="ltxtbox">Project Name: </div> 
<div class="rtxtbox"> <input type="text" list="Project_Name" name='Project_Name' data-validation="required" > 
<?php mysql_connect('localhost', 'root', ''); // Here database details 
mysql_select_db('test1'); 

$sql = "SELECT Project_Name FROM dd"; 
$result = mysql_query($sql); // Running mysql query 

echo "<datalist id='Project_Name'>"; // Open your drop down box 
while ($row = mysql_fetch_array($result)) { 
echo "<option value='" . $row['Project_Name'] ."'>" . $row['Project_Name'] ."</option>"; 
     } // Loop through the query results, outputing the options one by one 
echo "</datalist>"; // Close your drop down box 

?> 
</div> 

Bitte helfen.

Antwort

0

Ich habe Ihre Frage recherchiert und fand heraus, dass Sie nicht mit Datalist zu viel tun können, stattdessen können Sie verwenden, wählen Sie die gleiche Sache zu tun ..

select {overflow-y: scroll;} 

den Trick und Sie können verwenden Überlauf sowieso Sie wollen ..

+0

Ja, ich weiß, aber ich kann nicht wählen, da nicht erlaubt, manuelle Eingabe und DropDown beide. Wenn es eine Möglichkeit gibt, die manuelle Eingabe in Select zuzulassen, kann ich sie nur verwenden. @abhishek –

+0

Eigentlich ist die Sache, es gibt eine Art von Fehler in Chrome, wenn Sie den gleichen Code von Ihnen in Mozzilla laufen wird es funktioniert perfekt, lassen Sie mich wissen, wenn fest. –

+0

Ja, es funktioniert in Internet Explorer und Mozilla. Vielen Dank! @abhishek –

Verwandte Themen