jQueryを使用して選択オプションを一致させる

Question

フォームの「選択」ボックスのオプションにユーザー名が既にリストされているかどうかを確認するJavaScriptを作成しました。それは完璧に動作しますが、jQueryをよりうまく利用することで、もっとうまくやっていけるはずです。私はjQuery API、Google、StackOverflowを検索しようとしましたが、ガイダンスを見つける運がないようです。誰かが私にいくつかのポインタを与えることができれば、それは非常に高く評価されるだろう。事前に

// CHECK IF THE USERNAME ALREADY EXISTS 
var found  = false; 
var users  = document.admin_form.user_list.options; 
var num_users = users.length; 
if (num_users != 0) { 
    var name_in_list; 
    var i   = 0; 
    var name_chosen = $("[name=user_name]").val().toLowerCase(); 
    while ((i < num_users) && !found) { 
     name_in_list = users[i].text.toLowerCase(); 
     if (name_chosen == name_in_list) { 
     found = true; 
     } 
     i++; 
    } 
} 
if (found) { 
    $("#user_err").text("That USERNAME already exists, try again"); 
    $("[name=user_name]").val(""); 
    $("[name=user_name]").focus(); 
} 

ありがとう：

は、ここで私が現在使用している作業コードです！

Answer 1

選択のノードを他の要素と同様にトラバースすることができます。

if($('select option[value="some value"]').length>0) return true; 

Answer 2

あなたはこの試みることができる：@Johnが指摘したように、あなたは（彼をupvote、ない私）セレクタを試みることができる

var users = $('#user_list option').map(function() { return this.value; }).get(); 

if ($.inArray($("[name=user_name]").val().toLowerCase(), users)) { 
    $("#user_err").text("That USERNAME already exists, try again"); 
    $("[name=user_name]").val('').focus(); 
} 

を：

if ($('#user_list option[value="' + $("[name=user_name]").val().toLowerCase() + '"]').length > 0){ 
    $("#user_err").text("That USERNAME already exists, try again"); 
    $("[name=user_name]").val('').focus(); 
} 

Answer 3

が早く読み違え、ここで更新されますコード：

if($('#user_list option[value="' + name_chosen + '"]').length) return true;