如何在触发jquery中的select更改时忽略大小写（大写/小写）？

Question

Please see the code below: 请参见下面的代码：

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<select>
<option>one</option>
<option>two</option>
<option>three</option>
<option>four</option>
<option>five</option>
</select>
<script>
$("select").val("TWO").trigger("change");
</script>
</body>
</html>

In this case option is not set with the value "TWO" . 在这种情况下，选项未设置为值“ TWO”。 But if I change as : 但是，如果我更改为：

$("select").val("two").trigger("change");

Then it works. 然后就可以了。 How can I ignore case while triggering change for select? 触发选择更改时如何忽略大小写？

Answer 1

Try this - This will ignore cases 试试这个-这将忽略情况

  var optionVal = $('select option').filter(function() { return this.value.toLowerCase() == 'two'; }).val(); $("select").val(optionVal).trigger("change");

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <select> <option>one</option> <option>Two</option> <option>three</option> <option>four</option> <option>five</option> </select>

Answer 2

$("select").val("TWO".toLowerCase()).trigger("change");

将所有值都转换为小写，现在您可以检查字符串中的大小写无关紧要

Answer 3

You need to get select option by text and then set it as selected: 您需要按文本获取选择选项，然后将其设置为选中状态：

 $('select option').filter(function () { 
   return $(this).text().toLowerCase() == 'two'; 
 }).prop('selected', true);

 $('select option').filter(function () { return $(this).text().toLowerCase() == 'two'; }).prop('selected', true);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select> <option>one</option> <option>two</option> <option>three</option> <option>four</option> <option>five</option> </select>

Answer 4

Use Regular Expression 使用正则表达式

 $("select option").each(function(){ if(this.value.match(/TWO/i)){ $(this).attr("selected","selected") } });

 <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> </head> <body> <select> <option>one</option> <option>two</option> <option>three</option> <option>four</option> <option>five</option> </select>

如何在触发jquery中的select更改时忽略大小写（大写/小写）？

问题描述

4 个解决方案

解决方案1
0 2016-08-24 07:01:42

解决方案2
0 2016-08-24 07:07:20

解决方案3
0 2016-08-24 07:18:42

解决方案4
0 2016-08-24 07:39:41

如何在触发jquery中的select更改时忽略大小写（大写/小写）？

问题描述

4 个解决方案

解决方案1 0 2016-08-24 07:01:42

解决方案2 0 2016-08-24 07:07:20

解决方案3 0 2016-08-24 07:18:42

解决方案4 0 2016-08-24 07:39:41

解决方案1
0 2016-08-24 07:01:42

解决方案2
0 2016-08-24 07:07:20

解决方案3
0 2016-08-24 07:18:42

解决方案4
0 2016-08-24 07:39:41