使用php/html將滾動條添加到下拉列表

我使用php和MySQL將我的表單連接到數據庫的下拉菜單，因爲下拉列表很長，所以我想將垂直滾動條添加到下拉列表中。我已經使用HTML5的datalist標籤創建了下拉列表，並且我已經搜索了很多內容，但無法找到任何有效的工具，我已經嘗試過尺寸和溢出。這裏是我的代碼使用php/html將滾動條添加到下拉列表

<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>

請幫忙。

來源

2016-05-26 Bhavesh Garg

我已經研究了你的問題，並發現了，你不能做太多與數據列表，而不是你可以使用select做同樣的事情..

select {overflow-y: scroll;}

會做的伎倆，您可以使用無論如何你想要溢出..

來源

2016-05-26 07:21:28

是的我知道，但我不能使用選擇，因爲不允許手動輸入和下拉兩者。如果有一種方法允許在選擇中手動輸入，那麼只有我可以使用它。 @abhishek –

事實上，如果你在mozzila中運行相同的代碼，它會完美的工作，讓我知道如果卡住了，事情就是在鉻中有一種錯誤。 –

是的，它可以在Internet Explorer和Mozilla中正常工作。謝謝！ @abhishek –

使用php/html將滾動條添加到下拉列表

回答

相關問題