title: selected dropdown from data json
body: <p><strong>I've a code html :</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id='dropdown' class='dropdown'&gt;
    &lt;select id='select_drop' class='select_drop'&gt;
    &lt;option value=''&gt;-select-&lt;/option&gt;
    &lt;option value='1'&gt;'&lt;value&gt;'&lt;/option&gt;
    &lt;option value='2'&gt;'&lt;value&gt;'&lt;/option&gt;
    &lt;option value='3'&gt;'&lt;value&gt;'&lt;/option&gt;
    &lt;/select&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>This is data json :</strong> </p>
  
  <pre><code>{
      "bahan": [{
          "id_bahan": "4",
          "nm_jenis": "katun"
      }, {
          "id_bahan": "2",
          "nm_jenis": "spandex"
      }, {
          "id_bahan": "2",
          "nm_jenis": "spandex"
      }]
  }
  </code></pre>
  
  <p>I want to fill value with data json, but I've <code>id_bahan</code> more than one.
  I use <code>jquery</code>, and I add dropdown with <code>.clone()</code></p>