Javascript 在数据列表选项中显示不同的文本

我想显示与

数据列表选项中的值不同的文本。我的
数据列表如下所示：

<input type="text" list="result">

<datalist id="result"> 
    <option data-text="text1" value="1"/>
    <option data-text="text2" value="2"/>
    <option data-text="text3" value="3"/>
</datalist>



我只想显示一个下拉列表，其中包含选项
text1、text2、text3
，并在输入中插入值

我想这是不可能的，但我想确定一下
 您只需在
之间添加要显示在
列表框中的文本即可。单击列表，这是替换的值。请试一试

列表框中的文本和输入中插入的数字（值）示例：



文本1
文本2
文本3
当您选择选项时，您希望它是输入中的什么？@dfsq否，我想插入值1、2或3。请检查：所以使用选择框。@pan.goth我想做相反的事情，在该示例中：我想在选项中显示“Internet Explorer…”，然后单击，插入值1。@p-frank是的，但我不想显示该值，因为它是数据库中的数据，对用户来说并不重要。好的，但您说“我想插入值1、2或3”，您想如何插入它？@p-frank它是自动插入的。我只想显示文本1而不是1。在这里显示选项值，而不是文本。请参阅更新。您拥有所有：文本与文本、文本与值、值与文本。