仅隐藏HTML5 datalist选项值

Question

我想要隐藏datalist值。我正在使用此代码

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

我的意思是在输入框中显示values和product 1 我只需要显示product 1,2,&3...

隐藏价值（1,2,3）

注意：此处传递的值为1,2,3所以我只想隐藏

这里是我的代码https://jsfiddle.net/69u5Leoa/

Answer 1

您可能想要使用select，因为对于select元素，用户需要选择您给出的其中一个选项。

对于datalist元素，建议用户选择您给出的其中一个选项，但他实际上可以在输入中输入他想要的任何内容。

您可以看到此信息以获取更多信息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>

Answer 2

值=＆＃34;＆lt;％＃DataBinder.Eval（容器，＆＃34; ItemIndex＆＃34;）％＆gt;＆＃34;它可以解决这个问题