Search code examples
htmlgoogle-chromehtml-selectdatalist

HTML Form: Datalist Option Tag Text is not showing in Chrome

I am working in a HTML Form. I added some HTML tags including Datalist. In datalist I want to show suggestion to user with different text and want to send the different value to server.

As you can see the below image that I found on Google like datalist works like this means showing Value in left and Text in right but now its not working. enter image description here

<input list="some-list">
<datalist id="some-list">
  <option value="first_value">Some Description</option>
  <option value="another_value">Another Thing Here</option>
  <option value="first_second_third">More Stuff</option>
</datalist>

You can see a simple live FIDDLE where you can text it on Chrome Updated Version Browser.

The code is working on Edge, Firefox, Avast Secure Browser, Opera, IE11 but not on Chrome. My question is simple Why it is not working as shown in Pic in Chrome now?

Solution

  • Please update to latest chrome and check. its chrome browser bug.