ドロップダウン内で繰り返し値を取得する

Question

私はjsonから値を取得しているドロップダウンを持っていますが、私のjsonファイルはいくつかの繰り返し値を持っているので、値をフィルタリングすることができました。私はいくつかのより多くのコードが含まれていたときにそれが再び...

$.ajax({ 
    url: "data.json, 
    dataType: "json", 
    success: function(obj) { 
     var jsObject = obj; 
     var usedNames = []; 

     $('<option>', { 
      text: 'Select your Option', 
      value: '', 
      selected: 'selected', 
      disabled: 'disabled' 
     }).appendTo('#dropdown1'); 

     $('<option>', { 
      text: 'Select your List Option', 
      value: '', 
      selected: 'selected', 
      disabled: 'disabled' 
     }).appendTo('#checkbox'); 





     $.each(obj, function(key, value) { 
      if (usedNames.indexOf(value.name) == -1) { 
       $("#dropdown1").append("<option value=" + key + ">" + value.name + "</option>"); 
       usedNames.push(value.name); 
      } 
      /* $('<option>', { 
       text: 'Select your Option', 
       value: '', 
       selected: 'selected', 
       disabled: 'disabled' 
      }).appendTo('#dropdown1'); 
      */ 

      $.each(usedNames, function(index, value) { 
       $('<option>', { 
        text: value['name'], 
        value: index 
       }).appendTo('#dropdown1'); 
      }); 

     /* $('<option>', { 
       text: 'Select your List Option', 
       value: '', 
       selected: 'selected', 
       disabled: 'disabled' 
      }).appendTo('#listbox'); 
      */ 



      $('#dropdown1').change(function() { 
       $('#checkbox').empty(); 

       $('<option>', { 
        text: 'Select your List Option', 
        value: '', 
        selected: 'selected', 
        disabled: 'disabled' 
       }).appendTo('#checkbox'); 

       var selection = $('#dropdown1 :selected').text(); 
       $.each(jsObject, function(index, value) { 
        if (value['name'] === selection) { 
         $('<option>', { 
          text: value['attr001'], 
          value: 'attr001' 
         }).appendTo('#checkbox'); 
         $('<option>', { 
          text: value['attr002'], 
          value: 'attr002' 
         }).appendTo('#checkbox'); 
         $('<option>', { 
          text: value['attr003'], 
          value: 'attr003' 
         }).appendTo('#checkbox'); 

私のHTMLファイル

を値をフィルタリングされalook..Thankます。.. $(document).ready(function() {

変数usednamesを持って..please繰り返される値を取り始めました

<form name="myform" id="myForm"> 

    <select id="dropdown1"></select> 
    <!-- <select id="listbox"></select> --> 
    <input type="checkbox"> 
    <br> 

Answer 1

私は理由を知ると思います。あなたはこのコードを持っています：

  if (usedNames.indexOf(value.name) == -1) { 
       $("#dropdown1").append("<option value=" + key + ">" + value.name + "</option>"); 
       usedNames.push(value.name); 
      } 

これはうまく動作します（またはうまくいくはずです）。しかし、その後、あなたはこれを持っている：

  $.each(jsObject, function(index, value) { 
       $('<option>', { 
        text: value['name'], 
        value: index 
       }).appendTo('#dropdown1'); 
      }); 

あなたのコードを見たことで、jsObjectがobjに等しくなるようです。したがって、最初の部分では、実際に繰り返し値をチェックしています。つまり、usedNamesという配列に入れます。

すぐに、jsObject〜#dropdown1を追加しているので、配列usedNamesを使用することは決してありません。値は一意にする必要があります。

作成した後にusedNamesを使用してください。さらに詳しい情報が得られない限り、objまたはjsObjectを忘れてください。

編集：usedNamesを作成するときは、ドロップダウンリストにも追加されます。したがって、usedNamesの内容を追加してから、jsObjectを追加しています。

Answer 2

一意の値の一覧を入力してから、ドロップダウンリストに割り当てることができます。

function unique(arr) { 
var u = {}, a = []; 
for(var i = 0, l = arr.length; i < l; ++i){ 
    if(!u.hasOwnProperty(arr[i])) { 
     a.push(arr[i]); 
     u[arr[i]] = 1; 
    } 
} 
return a; 

}

Most elegant way to create a list of unique items in JavaScript