2

HTMLコードは次のようになります。

<select id="select1">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

aがselectのstring中にあるかどうかをテストする関数をどのように書くのか疑問に思いました。option

test_in("volvo", "select1")      // Return True
test_in("asdf", "select1")      // Return False
test_in("AUDI", "select1")      // Return False

誰かがこれについてアイデアを持っていますか？ありがとう！

4

7 に答える 7

3

これは私がそれをする方法です：

function test_in(value, selector) {
    return $(selector + " option[value=" + value + "]").length > 0;
}

フィドル

厳密さを低くしたい場合は、ケーシングを変換することをお勧めします。optionまた、要素の値属性とテキストコンテンツが異なる場合をどのように処理するかわかりません。テストの決定はどれですか？私が書いたバージョンは、value属性をチェックします。

注：コメントで指摘されているように、私が作成した関数はセレクター全体を使用するため#、IDと.クラス（たとえば#select1、あなたの場合）を含める必要があります。チェックしたい選択にIDだけを使用する必要がないため、これが最善のアプローチだと思います。

于 2012-11-23T13:19:44.103 に答える
2

実際のjQuery関数が必要な場合は、次のように使用できます。正規表現と、各オプションの値で検索する文字列を受け入れます。jQueryコレクションの最初の要素のみが検索に使用されます。

(function($) {
    $.fn.hasOption = function(re) {
        var options = this[0] && this[0].options || [],
        matches = re.test || function(val) {
            return val.indexOf(re) != -1;
        }

        for (var i = 0, item; item = options[i]; ++i) {
            if (matches.call(re, item.value)) {
                return true;
            }
        }

        return false;
    }
}(jQuery));

それを呼び出すには：

$('#select1').hasOption('volvo')); // true
$('#select1').hasOption('asdf')); // false
$('#select1').hasOption('AUDI')); // false
$('#select1').hasOption(/AUDI/i)); // true!
于 2012-11-23T14:50:36.133 に答える
1

選択コントロールの配列で使用indexOfしてみてくださいoptions

いいえ、optionsそれはnodeListなので、試してみてください。

試す

var opts = [].slice.call(document.querySelector('#select1').options);
if (opts.filter(function(opt){return /mercedes/i.test(opt.value);}).length){
  /* ... */
}
于 2012-11-23T13:18:36.003 に答える
1

$("#select1 option[value='volvo']").length-それがゼロに等しい場合、選択には含まれていません。

于 2012-11-23T13:21:00.640 に答える
1

Vanilla JSソリューション： http： //jsfiddle.net/rfQga/2/

var test_in = function(val, target) {
    var select = document.getElementById(target),
    retVal = false,
    rgCheck = new RegExp(val, "g");

    var i = 0,
    opts = select.options,
    l = opts.length;

    for (;i<l;i++) {
        if (rgCheck.test(opts[i].value)) {
            retVal = true;
            break;
        }
    }

    return retVal;
}
于 2012-11-23T13:25:17.837 に答える
0

次のようなものを使用してみてください。

function test_in(value, selectId){
    var foundValue = null;
    $("#" + selectId + " > option").each(function() {
        if (this.text == value){
            foundValue = value;
            return false; // break the each iteration
        }
    });
    return (foundValue != null);
}
于 2012-11-23T13:22:46.223 に答える
-1

これを試して：

$("#select1 > option").each(function() {
if($(this).val()=='volvo'){
alert("value is in the combobox");
}
});​

ここで作業デモ

于 2012-11-23T13:20:12.463 に答える