如何在觸發jquery中的select更改時忽略大小寫（大寫/小寫）？

Question

請參見下面的代碼：

<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>

在這種情況下，選項未設置為值“ TWO”。 但是，如果我更改為：

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

然后就可以了。 觸發選擇更改時如何忽略大小寫？

Answer 1

試試這個-這將忽略情況

  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

您需要按文本獲取選擇選項，然后將其設置為選中狀態：

 $('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

使用正則表達式

 $("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