選択タグHTMLを再表示する方法は？

Question

私はHTMLとJavaScriptで次の操作を実行しようとしています：

私は上のユーザーのクリックは、[選択]オプションが表示された場合は第 をユーザーがクリックするまで表示されませんを選択したタグ（HTML）を使用していますユーザーが「はい」を選択すると、「選択」オプションが表示されなくなります。この関数は、入力タグや他のタグでは機能しますが、selectタグでは機能しません。

私は多くの研究を行いましたが、ディスプレイ：noneとselectタグはGoogle ChromeとIEでは動作しませんでしたが、すべてのソリューションはJQueryとASP.netで提供されていました。私はまだこれのすべてに慣れていないので、HTMLとJavaScriptを使用するソリューションがあるかどうか疑問に思っていましたか？

コードHTML：

<div id="divMetSpec" class="fieldRow"> 
    <div class="leftLabel labelWidth20"> 
     <label for="">Met Spec Upon Return:</label> 
    </div> 
    <div class="leftField"> 
     <div class="formField68"> 
     <input id="rbMetSpec" name="rbMetSpec" type="radio" 
     class="radiobuttonfield" alt="Met Spec" title="Met Spec" value="Yes" 
     onclick="javascript:KitFailure();" />Yes 
     <input id="rbMetSpec1" name="rbMetSpec" type="radio" 
     class="radiobuttonfield" alt="Met Spec" title="Met Spec" value="No" 
     onclick="javascript:KitFailure();" />No 
     </div> 
     </div> 
    </div> 

    <div id="KitFailure" style="display:none"> 
    <p class="indent">To select multiple options - Please hold down the Ctrl 
    button to select:</p> 

    <div class="leftLabel labelWidth20"> 
     <label for="txtKitFailure">Specify Failure:</label> 
    </div>  
    <div class="leftField"> 
     <div class="formField40"> 
     <select id="txtKitFailure" type="text" class="fieldRow" 
     name="KitFailure" multiple size="5"> 
      <option value="Failure1">Failure 1</option> 
      <option value="Failure2">Failure 2</option> 
      <option value="Failure3">Failure 3</option> 
      <option value="Failure4">Failure 4</option> 
      <option value="Failure5">Failure 5</option> 
      <option value="Failure6">Failure 6</option> 
      <option value="Failure7">Failure 7</option> 
      <option value="Failure8">Failure 8</option> 
     </select> 
     </div> 
     </div> 
    </div> 

コードはJavaScript：

function KitFailure() { 
    if (document.getElementById('rbMetSpec1').checked) { 

     document.getElementById('KitFailure').style.display = 'none'; 

     } else document.getElementById('KitFailure').style.display = 'block'; 

    } 

あなたの助けのために事前にありがとうございます。

アイリーンIE11 +エミュレーション、Windows用のFF、クロム、およびSafariであるとして、それが動作

Answer 1

。 一部訂正：
type="text"はまたmultiple="multiple"

Altあなたはselect要素を含んでいるdiv要素を隠して試みることができるinput