jQueryの - <code>select</code>リストで選択したオプションに基づいて選択オプションの変更、表示/非表示DIV

Question

で、私は以下のdiv要素のいずれかを表示する：

<div id="field-person">Blah</div> 

<div id="field-company">Blah 2</div> 

これは私が右に持ってselectとjQueryであります

<select name="sub_type" id="sub_type"> 
    <option value="company">A company</option> 
    <option value="person">A person</option> 
</select> 

$(document).ready(function() { 
    var f = $("#field-person"); 
    $("#sub_type").change(function() { 
    if (this.checked && this.value == "person") { 
     f.show(); 
    } else { 
     f.hide(); 
    } 
    }).change() 
}); 

：今、どのA personオプションが選択されている場合、はは、それ以外の場合はが隠されたままにする必要があり、#field-personを示すべきしかし、personオプションを選択すると、何も起こりません。companyオプションも同じです。変更なし、Chromeコンソールには何も表示されません。 jQueryは私の強い訴訟ではありません。ここで

は、私が使用している実際のコードへのリンクです：select要素は.checked性質を持っていない

if (this.value == "person") { 
    ... 
} 

：if文にJSFiddle

Answer 1

はあなたを変更

。したがって、this.checkedはundefinedを返します。これにより、条件はfalseになります。

Demo