Question

我想在文本框中显示名称“I Live In”，例如使用占位符选项。因此，当我点击该文本框时，应显示某个名称列表，并且“我活着”此文本应保持不变，直到我从列表中选择任何选项。

我怎么能这样做？

Answer 1

你在找这样的东西吗？

<form method="get" name="Country">
    <select name="Country">
        <option value="">I Live In</option>
        <option value='England'>England</option>
        <option value='Wales'>Wales</option>
    </select>
    <input type="submit" value="submit" />
</form>

查看此jsfiddle： http://jsfiddle.net/knt6prd7/

Answer 2

使用数据列表有一种简单的方法。我认为这正是您在问题中描述的内容。它有自动完成和占位符：

<input list="something" name="something" placeholder="I Live In" />
<datalist id="something">
    <option value="A cave" />
    <option value="A house" />
    <option value="A castle" />
</datalist>

JSFiddle Link：http://jsfiddle.net/wL3gmgdt/

带有表单处理的PHPFiddle链接：http://phpfiddle.org/main/code/nrc3-159g

Answer 3

尝试Select2，它可以做你想要的。

Answer 4

你可以尝试这个吗？正在寻找下面的一个或其他什么？

  <select id="select_task">
       <option value="QuestionBank_AddNewPanel_Select_Round"selected="selected">Select</option>
       <option value="Course1">Arul</option>
       <option value="Course2">Vicky</option>
       <option value="Course3">Dava</option>
  </select>

JS小提琴链接：http://jsfiddle.net/2jrt07ut/

我想使用自动完成+占位符来显示内容

4 个答案: