title: Drop down menu with array, define value of each option
body: <p>Hello there Stackoverflow!</p>
  
  <p>Today I tried making a <code>drop-down menu</code> with an <code>array</code>. It did work, but the problem that has taken place after this, is to define the <code>values</code> printed by the <code>array</code>.</p>
  
  <p>As of now, this is the code regarding the <code>drop-down menu</code>.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select id="selectDestinasjon"&gt;
      &lt;option&gt;Velg ett sted&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>var select = document.getElementById("selectDestinasjon");
  var options = ["Konsberg", "Trysil", "Beitostølen"];
  for (var i = 0; i &lt; options.length; i++) {
    var opt = options[i];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
  }
  </code></pre>
  
  <p>But I want to give each option a value, that I can later impliment into a calculator, because I want to make a booking service where each of these options has different value and the calculator retrieve info from current selected option, setting a price depending on selected option.</p>
  
  <p>If anything seem unclear or too little detailed, please ask and I'll do my best to explain.</p>
  
  <p><strong>JSFIDDLE</strong>
  <a href="https://jsfiddle.net/a3pe6zcu/" rel="nofollow">https://jsfiddle.net/a3pe6zcu/</a></p>