JQuery:如何从下拉列表中选择不区分大小写的值?

Bry*_*nny 11 jquery case-insensitive drop-down-menu

我的情景:

  • 我有一个用户输入文本的文本框
  • 文本框有一个onblur函数,它尝试根据文本框输入从下拉列表中选择一个值(如果存在)

如果文本框值与下拉列表值相同,则此方法完全正常.但我希望它不区分大小写.

因此,如果用户键入"stackoverflow",那么我希望它从下拉列表"StackOverflow"中进行选择.我怎么能通过jQuery做到这一点?

Pat*_*ney 14

这是另一种方法:在实际情况下找到匹配值"StackOverflow",然后调用val()它.

  var matchingValue = $('#select option').filter(function () { 
      return this.value.toLowerCase() == 'stackoverflow'; 
  } ).attr('value');    
  $('#select').val(matchingValue);
Run Code Online (Sandbox Code Playgroud)

当然,文字'stackoverflow'应该用变量替换.