HTML5 datalist看到一个值有其他

时间:2016-05-11 16:05:36

标签: html5 forms post datalist

我需要一种方法来发短信给我,让我解释一下...... 这段代码不起作用,因为如果我发短信给他,他不会给我回香蕉,但我需要香蕉的代码。

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

我需要发短信&#34; Ba&#34;并且拥有&#34; Banana&#34;的自动完成建议,但一旦找到它,我需要1个表格。

所有人,抱歉我可怕的英语:)

1 个答案:

答案 0 :(得分:1)

值需要实现这个词;不是数字

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

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

如果你需要退回一个号码;我建议使用后面的代码或javascript将单词值映射到数字并填充隐藏字段或允许php处理映射(解耦)。希望这会有所帮助。