javascript - AutoCompleteExtender - 强制用户只能从返回的列表中进行选择 - ASP.NET

Question

我在姓氏、名字、唯一 ID 的文本框中有一个 AutoCompleteExtender。

我希望用户只能从列表中选择一个项目，而不能输入自己的唯一 ID 号。我无法使用 AJAX ComboBox，因为我需要使用的数据库非常大，而且我读到 AutoCompleteExtender 最适合与大型数据库一起使用。

有什么想法可以实现这一点吗？ Javascript 对我来说是目前最好的选择。我不想在后面的代码中这样做。我只找到了一个例子。我尝试使用 onblur="checkItemSelected(this)"和一些 Javascript，但问题是我已经在使用 onclientclick="alert('您的数据已保存!')"因为此页面是为用户输入许多内容而设计的在同一屏幕中命名并且不合作。

非常感谢您的帮助。

Answer 1

事实证明，最好的做法是在使用 AutoCompleteExtender 的文本框中使用一点 Javascript onBlur。

代码如下:

var isItemSelected = false;

  //Handler for AutoCompleter OnClientItemSelected event
  function onItemSelected() {
      isItemSelected = true;
  }

  //Handler for textbox blur event
  function checkItemSelected(myTextBox) {
      if (!isItemSelected) {
          alert("Please select item from the list only!");
          myTextBox.focus();
      }
      else {
          //reset isItemSelected
          isItemSelected = false;
      }
  }

然后将其放入文本框中:

onblur="checkItemSelected(this)"