HTML5 datalist 看到一个值还有其他

Question

我需要一种发短信和接收其他东西的方法，让我解释一下... 此代码不起作用，因为如果我给 Ba 发短信，他不会给我小费，但我需要 Banana 的代码。

<form method="POST" action="connect.php">
<input list="nd" name="nd"  />
<datalist id="nd">
    <option value="1">Banana</option>
    <option value="2">Apple</option>
    <option value="3">Pasta</option>
    <option value="4">Pizza</option>
</datalist>
<input type="submit" name="submit" />

我需要发短信 "Ba" 并获得 "Banana" 的自动完成建议，但一旦找到它，我需要在表格中填写 1 个。

谢谢大家，对不起我糟糕的英语 :)

Answer 1

值需要执行的词；不是数字

<datalist id="nd">
    <option value="Banana"></option>
    <option value="Apple">Apple</option>
    <option value="Pasta">Pasta</option>
    <option value="Pizza">Pizza</option>
</datalist>

这将允许自动完成输入文本。

如果您需要return一个号码；我会建议代码隐藏或 javascript 将单词值映射到数字并填充隐藏字段或允许 php 处理映射（解耦）。希望这有帮助。

HTML5 datalist 看到一个值还有其他

HTML5 datalist see a value have other

html

forms

post

datalist