Javascript JavaScriptを非表示にする

Question

ドロップダウンリストには24個の項目があり、ラジオボタンをチェックすると12個だけ表示されます。選択を解除すると、ドロップダウンには前と同じ24個の項目が表示されます。

私はそれが

document.getElementById('theMenu').length = 12; 

しかし、私は24に戻ってそれを設定しようとすると、その後、他の12個の項目が空を使用して12項目だけを表示するように取り組んでいます。

私は何らかの並べ替えの一時配列に値を格納する必要があるかもしれないと思っているだけで、ドロップダウンメニューにこれらをロードし直しますか？ （ジャバスクリプトのみ）

おかげ:)

Answer 1

はい12に長さを設定することは、第12の値を破壊しています。

ページの準備ができてその配列を操作しない（定数として使用する）ときに、これらの要素をメモリに入れ、必要なものを別の配列に取り込み、配列を取り込み、ドロップダウン（ターゲット配列をハードコードするか、ターゲットIdを別のパラメータにすることができます）。

JQueryライブラリを使用できますか？私はそう提案します。おそらく、<select>を操作するための便利な方法がいくつかあります。

Answer 2

なぜ簡単にするためにjQueryを使用しないのですか？

あなたは彼らに

$.each(values , function(key,value) { 
    alert(value); 
     $('#drop'). 
      append($("<option></option>"). 
      attr("value",key). 
      text(key)); 

}); 

---

What is the best way to add options to a select from an array with jQuery?