JQueryを使用すると、ドロップダウンメニューに値が含まれているかどうかを確認するにはどうすればよいですか？

Question

JQueryを使用して、ドロップダウンメニューに値が含まれているかどうかを確認するにはどうすればよいですか？値によって、私はテキストがメニュー項目として表示されるという意味ではありません。アイテムのID（val）を意味します。私はすでにドロップダウンメニューに項目のリストを持っており、さらに追加したい。私がそれをする前に、キーと値のペアを複製しないようにしたいと思います。

Answer 1

何かがあなたがやりたいだろう。 （JSFiddle）

HTML

<select id="sel"> 
    <option value="foo">foo</option> 
</select> 
<button data-add="foo">add foo</button> 
<button data-add="bar">add bar</button> 

JS

$('button').on('click', function() { 
    var new_val = $(this).data('add'); 

    if ($('option[value='+new_val+']', '#sel').length) { 
     alert('nope, exists!') 
    } else { 
     $('<option value="'+ new_val +'">'+new_val+'</option>').appendTo($('#sel')); 
    } 
}); 

あなたは1.7を使用.bindの代わり.onよりも古いjQueryのバージョンを使用している場合。ここで

Answer 2

あなたはここで、この

$(document).ready(function() { 

    if ($("#drpentry").find("option[value='Dog']:contains('Ds')").length > 0) { 

      alert('exist entry'); 
     } 
     else { 

      alert('not exist'); 
     } 

    }); 

チェックを試すことができます。このようなhttp://jsfiddle.net/Eemqh/1/

Answer 3

は、データの属性を必要とせずに、マルク・Diethelms液の短縮バージョンです：jsfiddle

$('button').bind('click', function() { 
    var new_val = $(this).html().split(' ').splice(1).join(' '), 
     $sel = '#sel'; 
    $('option[value='+new_val+']', $sel).length > 0 ? 
     alert('nope, exists!') : 
     $('<option value="'+ new_val +'">'+new_val+'</option>').appendTo($sel); 
});