0

我使用 J-Query，在获取选项值时遇到问题。我想获得具有特定文本的选项（文本不区分大小写）。我使用了以下代码 -

我的 HTML 代码是 -

<select id="ddlStateList_CA">
            <option value="AB">Alberta</option>
            <option value="BC">British Columbia</option>
            <option value="MB">Manitoba</option>
            <option value="NB">New Brunswick</option>
            <option value="NL">Newfoundland and Labrador</option>
            <option value="NT">Northwest Territories</option>
            <option value="NS">Nova Scotia</option>
            <option value="NU">Nunavut</option>
            <option value="ON">Ontario</option>
            <option value="PE">Prince Edward Island</option>
            <option value="QC">Quebec</option>
            <option value="SK">Saskatchewan</option>
            <option value="YT">Yukon</option>
        </select>

jQuery代码 -

$('#ddlStateList_CA option:contains("Manitoba")').val();

运行此代码时，我得到正确的结果。但是当我按照 Jquery 代码运行时，我得到了undefined。

$('#ddlStateList_CA option:contains("manitoba")').val();

我知道Manitoba并且manitoba不一样，但是如果我想为这两种情况做这项工作，我该怎么做？

例子

4

3 回答 3

1

使用简单的基于正则表达式的过滤器

var regexp = new RegExp('manitoba', 'i');

var val = $('#ddlStateList_CA option').filter(function(){
    return regexp.test($(this).text())
}).val();

演示：小提琴

于 2013-06-29T04:24:04.977 回答
1

使用过滤器

$('#button').click(function() {
    console.log($("select option").filter(function() {
        return $(this).text().toLowerCase() === 'manitoBa'.toLowerCase();
    }).text());
});

JSFiddle

于 2013-06-29T04:21:53.563 回答
0

我的文件中有一个功能可以做你想做的事。加载 jQuery 后添加：

if(jQuery){
    (function($){
        //@Author Karl-André Gagnon
        if(!$.fn.filterText) $.fn.filterText = function(text, caseSensitive){
            var returnedObj = $(),
                caseSensitive = caseSensitive || false,
                $this = $(this);
            if(text instanceof Array){
                for(var i = 0; i < text.length; i++){
                    if(typeof text[i] == 'string'){
                        returnedObj = returnedObj.add($this.filter(function(){
                            var search = caseSensitive ? text[i] : new RegExp(text[i], 'i')
                            return $(this).text().search(search) != -1;
                        }))
                    }else if(text[i] instanceof RegExp){
                        returnedObj = returnedObj.add($this.filter(function(){
                            return $(this).text().search(text[i]) != -1;
                        }))
                    }
                }
            }else if(typeof text == 'string'){
                returnedObj = returnedObj.add($this.filter(function(){
                    var search = caseSensitive ? text : new RegExp(text, 'i')
                    return $(this).text().search(search) != -1;
                }))
            }else if(text instanceof RegExp){
                returnedObj = returnedObj.add($this.filter(function(){
                    return $(this).text().search(text) != -1;
                }))
            }
            return returnedObj;
        }
    })(jQuery)
}

缩小版： http ://pastebin.com/hiJ4aw8x

然后，您有多项选择。你可以这样称呼它：

alert($('#ddlStateList_CA option').filterText('manitoba', false).val())

代表“ caseSensitive false”（默认值为false，因此实际上不需要）。

或者用 regexp 调用它：

alert($('#ddlStateList_CA option').filterText(/manitoba/i).val());

小提琴：http: //jsfiddle.net/Cv8uC/6/

于 2013-06-29T04:22:47.280 回答