我们都见过无数的表单实例,其中一个选择下拉列表的选项之一是“其他”,在选择该选项时,我们会看到一个输入文本框(一直隐藏)要求我们输入在我们的输入中。
有没有更好的方法来实现这个?有没有插件可以让我做得更好?还是标准的 HTML 元素就足够了(可能是选择标签的一些设置)?
最佳答案
你可以使用 datalist .示例:
<input list="cookies" placeholder="Type of Cookie"/>
<datalist id="cookies">
<option value="Chocolate Chip"/>
<option value="Peanut Butter"/>
<option value="Raisin Oatmeal"/>
</datalist>
fiddle :http://jsfiddle.net/joshpauljohnson/Uv5Wk/
这使用户能够从 cookie 列表中进行选择,如果在列表中找不到他们寻找的 cookie 类型,则输入他们自己的 cookie。
在您的情况下,我唯一不满的是用户可能不会立即意识到他们可以将其用作下拉菜单。但这可以通过一点 CSS 轻松解决。
关于javascript - HTML 选择和文本输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2498713/