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


I want to display something using Autocomplete + placeholder

我想在文本框中显示一个名称"I Live In",就像使用占位符选项一样。因此,当我点击该文本框时,应该会显示一个特定的姓名列表,并且"我住在"这个文本应该保持不变,直到我从列表中选择任何选项。

我该怎么做?

有一个简单的方法,使用数据列表。我想这正是你在问题中所描述的。它有自动完成和占位符:

<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链接:http://jsfiddle.net/wL3gmgdt/

以及与表单处理的PHPFiddle链接:http://phpfiddle.org/main/code/nrc3-159g

你在找这样的东西吗?

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

试试Select2,它可以做你想做的事。

你能试试这个吗。正在寻找下面的一个或其他什么?

  <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 fiddle链接:http://jsfiddle.net/2jrt07ut/