DataList атрибут не работает в Google Chrome

Question

DataList атрибут не работает в Google хром, это работает отлично в Firefox

Пожалуйста, смотрите здесь http://prntscr.com/arny81

Спасибо за вашу помощь заранее.

HTML

<td><input onkeyup="showCustomers(this.value)" placeholder="Enter Customer Name" list="selectCust" name="Cno" /> 
<datalist id="selectCust"> 
        </datalist> 
</td> 

Javascript

function showCustomers(str) { 
    if (str.length == 0) { 
    document.getElementById("selectCust").innerHTML = ""; 
    return; 
    } else { 
    var xmlhttp = new XMLHttpRequest(); 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById("selectCust").innerHTML = xmlhttp.responseText; 
     } 
    }; 
    xmlhttp.open("GET", "getCustomers.php?q=" + str, true); 
    xmlhttp.send(); 
} 
} 

getCustomers.php Файл

<?php include('conn.php'); ?> 
<?php // get the q parameter from URL 

$q = $_REQUEST["q"]; 
// lookup all hints from array if $q is different from "" 
if ($q !== "") { 
$q = strtolower($q); 
$len=strlen($q); 


        $sql2 = 'SELECT Customer_Name as Cname,No from customers order by Customer_Name'; 
        $result2 = mysqli_query($connection, $sql2) or die(mysqli_error($connection)); 

        if (mysqli_num_rows($result2) > 0) { 
         ?><option value=""></option><?php 
         // output data of each row 
         while($row2 = mysqli_fetch_assoc($result2)) { 
         if (stristr($q, substr($row2["Cname"], 0, $len))) { ?> 
         <option value="<?php 
           echo $row2['No']; ?>"><?php echo $row2["Cname"]; ?></option> 
        <?php } } ?> 
       <?php } } ?> 

Я не использовал CSS вообще.

Answer 1

Задайте идентификатор в своем CSS вместо этого, это должно работать нормально.

HTML:

<datalist id="dl"> 
    Your content goes here 
</datalist> 

CSS:

#dl { 
    display: block; 
} 

Это прекрасно работает в Chrome или любой другой браузер.