HTML5 datalist only option value hidden

Question

I want to hide datalist value. Am using this code

<input list="options" oninput="console.log(this.value);" />
<datalist id="options">
  <option value="1">Product 1</option>
  <option value="2">Product 2</option>
  <option value="3">Product 3</option>
</datalist>

I mean in the inputbox this showing values and product 1 i need to show only product 1,2,&3...

hide value (1,2,3) .

Note: Here am passing value 1,2,3 so i just want to hide that only

here my code https://jsfiddle.net/69u5Leoa/

check the marked `Duplicate` the output requires same thing. — Deepak Yadav, Apr 07 '17 at 10:28

score 0 · Answer 1 · edited May 23 '17 at 10:31

0

You may want to use select, because for the select element, the user is required to select one of the options you've given.

For the datalist element, it is suggested that the user select one of the options you've given, but he can actually enter anything he wants in the input.

you can see this to get more information HTML Form: Select-Option vs Datalist-Option

<select id="options">
    <option></option>
    <option value="1">Product 1</option>
    <option value="2">Product 2</option>
    <option value="3">Product 3</option>
</select>

edited May 23 '17 at 10:31

Community

1
1

answered Apr 07 '17 at 09:51

Rex

137
2
12

Thanks you @Rex actually am passing the product values for `insert` eg: if i select `value="1"` insert `product 1` details – Ramesh S Apr 07 '17 at 09:53
this is my code `` – Ramesh S Apr 07 '17 at 09:54
i just want to hide `` – Ramesh S Apr 07 '17 at 09:55
Ha ha bro nice one. But i want in `autocomplete` thats why am using `datalist` – Ramesh S Apr 07 '17 at 10:03

score -3 · Answer 2 · answered Apr 07 '17 at 09:47

-3

Value="<%# DataBinder.Eval(Container, "ItemIndex") %>" it can solution this problem

answered Apr 07 '17 at 09:47

ComEngTr

20
5

Thanks for replay @ComEngTr can you write the code – Ramesh S Apr 07 '17 at 09:50
Because am confusing where i want to edit – Ramesh S Apr 07 '17 at 09:51
Can you please elaborate? your answer is very short and confusing. – Guy Park May 09 '19 at 08:01

HTML5 datalist only option value hidden

2 Answers2