javascript - 如何从不区分大小写的下拉列表中选择一个值？

Question

我试图在下拉列表中找到“CAT”，其中下拉列表的值为 [“Cat”，“Rat”，“Mat”]，因此无法通过文本找到，并且我没有“CAT”的 ID通过 id 查找。有什么建议吗？

编辑：小写（）会将“CAT”更改为 cat 对吗？但我的下拉菜单有“猫”

Answer 1

尝试比较值小写：

if(myvalue.toLowerCase() === ddl[i].toLowerCase()) {
    //...
}

Answer 2

有点晚了，基本上是 Mysteryos 的回答是跟进 jsFiddle 来支持它。

此函数将返回选项：

function Find(searchContent)
{
    var options = $('#dropDown option'); 
    var foundOption;
    $.each(options, function (key, value)
           {
               value = $(value);
               if(value.html().toLowerCase() == searchContent.toLowerCase())
               {
                  foundOption = value;
               }
           });
    return foundOption;
}

在以下位置查看一个工作示例：http: //jsfiddle.net/7fWxZ/

Answer 3

看一下这个：

HTML 代码：

<select id="ats">
  <option>Cat</option>
  <option>Rat</option>
  <option>Mat</option>
</select>

jQuery代码：

function findmyat(comparetext){
  $('#ats option').each(function(){
     if ($(this).val().toLowerCase()==comparetext.toLowerCase()){
         //found the option i  was looking for, do what i want
         alert($(this).val()+' has been found');
     }
  }
}