How to ignore case (upper/lower) while triggering change for select in jquery?
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" . But if I change as :
$("select").val("two").trigger("change");
Then it works. How can I ignore case while triggering change for select?
4 answers
solution1
0 2016-08-24 07:01:42
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>
solution2
0 2016-08-24 07:07:20
$("select").val("TWO".toLowerCase()).trigger("change");
将所有值都转换为小写，现在您可以检查字符串中的大小写无关紧要
solution3
0 2016-08-24 07:18:42
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>
solution4
0 2016-08-24 07:39:41
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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
how to ignore upper/lower case in array check javascript
How to use Upper/Lower case
(Javascript) How do you ignore lower/upper case being registered in search bars when searching for a specific item
How to change text to upper case or lower case depending on string length in Angular 1.5?
While sorting lower case and upper case letters are treated seperately
jQuery on change not triggering for select
How to filter table values from search input noinpepend of lower or upper case jQuery
How to test whether a character is numeric, upper case, or lower case?
jquery created select, and triggering on change
Converting String to upper and lower case
Related Tags