HTML5 datalist 仅选项值隐藏 [重复]答案

【问题标题】：HTML5 datalist only option value hidden [duplicate]HTML5 datalist 仅选项值隐藏 [重复]
【发布时间】：2017-09-02 15:26:15
【问题描述】：

我想隐藏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/

【问题讨论】：

@DeepakYadav：我的要求不同
检查标记的Duplicate 输出需要同样的东西。
您要求产品自动完成
你是对的..！

标签： javascript html opencart datalist

【解决方案1】：

Value="" 可以解决这个问题

【讨论】：

感谢重播@ComEngTr 你能写代码吗
因为我想编辑的地方很混乱
您能详细说明一下吗？您的回答非常简短且令人困惑。

【解决方案2】：

您可能想要使用 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>

【讨论】：

谢谢@Rex 实际上正在传递insert 的产品值，例如：如果我选择value="1" 插入product 1 详细信息
这是我的代码<option value="<?php echo $product['product_id']; ?>"><?php echo $product['name']; ?></option>
我只想隐藏<?php echo $product['product_id']; ?>
哈哈，兄弟不错。但我想在autocomplete 这就是为什么我使用datalist