2015-04-17 15 views
5

Sto utilizzando il datalist di bootstrap di Twitter per visualizzare gli elementi.
In FF, gli elementi vengono visualizzati automaticamente una volta iniziata la digitazione. ma non viene visualizzato in Google Chrome. quale potrebbe essere il problema con Chrome?problema del datalist di bootstrap in Google Chrome

<datalist id="d1"> 
    <option>13:59</option> 
    <option>3:55</option> 
    <option>6:55</option> 
</datalist> 

enter image description here

risposta

4

un DataList è usato per dare all'utente alcune opzioni tra cui scegliere. Ad esempio, da un campo di input è possibile aggiungere un datalist con alcune opzioni predefinite per dare all'utente alcuni suggerimenti.

se si desidera solo un'opzione selezionare utilizzare <select> ma se si desidera che funzioni come richiesto (in chrome 20+), vedere il mio codice di esempio fiddle o di seguito.

essere sicuri di scegliere un ID corrispondente in questo caso 'd1'

<input list="d1"> 
<datalist id="d1"> 
    <option>13:59</option> 
    <option>3:55</option> 
    <option>6:55</option> 
</datalist> 

Clicca per vedere il lavoro al violino here

w3schools dice che non è supportato in Safari

0

È successo anche a me nelle ultime versioni di Chrome. Succede quando esiste un valore nel campo di input. Penso che cerchi di filtrare la lista per valore nel campo di input in modo che non visualizzi nulla quando si fa clic sul pulsante a discesa.

Problemi correlati