jquery - jqueryはどのオプションが選択されているかを知りません

Question

HTML：

<p>
    <label for="rolle">Rolle:</label> 
    <select id="rolle" style="float:right;width:154px;" name="rolle">
        <option value="1">Administrator</option>
        <option value="2">Autor</option>
    </select> 
</p>

jQuery：

$(document).ready(function()
{
    $('#rolle').change(function()
    {
        if($('#rolle option[value="1"]:selected')) 
        {
            alert("YES");
        }
    });
});

Answer 1

jQuery関数はjQueryオブジェクトを返します。クエリに一致する要素があるかどうかを知りたい場合は、lengthプロパティを確認する必要があります。

JavaScriptを次のように変更します。

$(document).ready(function(){
    $('#rolle').change(function(){
        if($('#rolle option[value="1"]:selected').length > 0) {
            alert("YES");
        }
    });
});

Answer 2

これを読むために、条件付きチェックを少し回してみませんか。

$(document).ready(function(){
    $('#rolle').change(function(){
        if($('#rolle option:selected').val() == "1") {
            alert("YES");
        }
    });
});