Question

我有一个文本框和一个选择框作为框。基于另一个选择框中的选择，通过ajax调用加载选择框值。现在我的要求就是我根据输入在文本框中输入值，我的选择框应该显示值。

<form:input id="txtBox"></form:input>

<form:select id="selectBox" path="selectedValue">
  <form:option value="0">Anand</form:option >
  <form:option value="1">Arun</form:option >
  <form:option value="2">Ananya</form:option >
  <form:option value="3">babu</form:option >
</form:select>

现在我进入＆＃39;在文本框中，选择框应填入＆＃34; Anand＆＃34;，＆＃34; Arun＆＃34;，＆＃34; Ananya＆＃34;。

如果我输入＆＃39; n＆＃39;再次在txt框中＆＃34; Anand＆＃34;和＃34; Ananaya＆＃34;应列出。

如果我在文本框中输入任何不在选择框中的字母，则选择框应为空。

如何在Jquery中实现这一目标？

Answer 1

首先，正如其他人所提到的，你应该看一下http://jqueryui.com/autocomplete，它提供了一个完全按照你所描述的方式做出选择的绝佳选择。

如果您不想使用插件，那么您可以执行以下操作：jsFiddle Demo

TieRankingLeaderboard.new

n.b。这只是一个粗略的概念证明，在生产环境中使用它之前需要进行精炼。

如何基于文本框输入动态填充选择框

1 个答案: