データリスト属性は

Question

データリストの属性がGoogleクロームで動作していない、ここで事前にあなたの助けをhttp://prntscr.com/arny81

感謝を見てくださいFirefoxの

で正常に動作しているグーグルクロームで作業されていません。

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私は全くCSSを使用していない

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

ファイル。

Answer 1

ターゲット正常に動作する必要があります代わりに、あなたのCSSでのID、。

HTML：

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

CSS：

#dl { 
    display: block; 
} 

これは、クロムまたは他のブラウザでは正常に動作します。