title: Add Text to option from the label with pure JS
body: <p>I have a script that applies the label text as a placeholder attribute on the input, however I have one select dropdown field where i need the first option, which is currently just blank, to contain the label name. In this case region </p>
  
  <p>I have thought about using another label.querySelectorAll("option");
  But i don't know how to just get the top one. </p>
  
  <p>Current JS:</p>
  
  <pre><code>var labels = document.querySelectorAll("label");
  var i = labels.length;
  while (i--) {
    var label = labels.item(i);
    var text = label.textContent;
    label.parentNode.classList.contains("required") &amp;&amp; (text += " *");
    label.nextElementSibling.setAttribute("placeholder", text);
    label.parentNode.removeChild(label);
  }
  var elements = document.querySelectorAll('.errors, .no-label');
  Array.prototype.forEach.call(elements, function(el, i){
      el.parentNode.removeChild(el);
  });
  </code></pre>
  
  <p>The HTML</p>
  
  <pre><code>&lt;form accept-charset="UTF-8" method="post" action="nottelling" class="form" id="pardot-form"&gt;
      &lt;p class="form-field first_name pd-text required "&gt;
          &lt;input type="text" name="25492_61230pi_25492_61230" id="25492_61230pi_25492_61230" value="" class="text" size="30" maxlength="32" onchange="" placeholder="First Name *"&gt;
      &lt;/p&gt;
      &lt;div id="error_for_25492_61230pi_25492_61230" style="display:none"&gt;&lt;/div&gt;
      &lt;p class="form-field last_name pd-text required "&gt;
          &lt;input type="text" name="25492_61232pi_25492_61232" id="25492_61232pi_25492_61232" value="" class="text" size="30" maxlength="32" onchange="" placeholder="Last Name *"&gt;
      &lt;/p&gt;
      &lt;div id="error_for_25492_61232pi_25492_61232" style="display:none"&gt;&lt;/div&gt;
      &lt;p class="form-field company pd-text required "&gt;
          &lt;input type="text" name="25492_61234pi_25492_61234" id="25492_61234pi_25492_61234" value="" class="text" size="30" maxlength="100" onchange="" placeholder="Company *"&gt;
      &lt;/p&gt;
      &lt;div id="error_for_25492_61234pi_25492_61234" style="display:none"&gt;&lt;/div&gt;
      &lt;p class="form-field Mobile pd-text "&gt;
          &lt;input type="text" name="25492_61236pi_25492_61236" id="25492_61236pi_25492_61236" value="" class="text" size="30" maxlength="65535" onchange="" placeholder="Phone"&gt;
      &lt;/p&gt;
      &lt;div id="error_for_25492_61236pi_25492_61236" style="display:none"&gt;&lt;/div&gt;
      &lt;p class="form-field email pd-text required "&gt;
          &lt;input type="text" name="25492_61238pi_25492_61238" id="25492_61238pi_25492_61238" value="" class="text" size="30" maxlength="255" onchange="piAjax.auditEmailField(this, 25492, 61238, 12536766);" placeholder="Email *"&gt;
      &lt;/p&gt;
      &lt;div id="error_for_25492_61238pi_25492_61238" style="display:none"&gt;&lt;/div&gt;
      &lt;p class="form-field Territory_copy pd-select required "&gt;
          &lt;select name="25492_61240pi_25492_61240" id="25492_61240pi_25492_61240" class="select" onchange="" placeholder="Region *"&gt;
              &lt;option value="" selected="selected"&gt;&lt;/option&gt;
              &lt;option value="465100"&gt;North America&lt;/option&gt;
              &lt;option value="465102"&gt;Latin America&lt;/option&gt;
              &lt;option value="465104"&gt;Europe&lt;/option&gt;
              &lt;option value="465106"&gt;Australasia&lt;/option&gt;
              &lt;option value="465108"&gt;ASPAC - South East Asia&lt;/option&gt;
              &lt;option value="465110"&gt;ASPAC - China&lt;/option&gt;
              &lt;option value="465112"&gt;Africa - West Africa&lt;/option&gt;
              &lt;option value="465114"&gt;Africa - North Africa &amp;amp; Middle East&lt;/option&gt;
              &lt;option value="465116"&gt;Africa - Non Regional&lt;/option&gt;
              &lt;option value="465118"&gt;Africa - Southern Africa&lt;/option&gt;
          &lt;/select&gt;
      &lt;/p&gt;
      &lt;div id="error_for_25492_61240pi_25492_61240" style="display:none"&gt;&lt;/div&gt;
      &lt;p class="form-field comments pd-textarea required "&gt;
          &lt;textarea name="25492_61242pi_25492_61242" id="25492_61242pi_25492_61242" onchange="" cols="40" rows="10" class="standard" placeholder="Message *"&gt;&lt;/textarea&gt;
      &lt;/p&gt;
      &lt;div id="error_for_25492_61242pi_25492_61242" style="display:none"&gt;&lt;/div&gt;
      &lt;p style="position:absolute; width:190px; left:-9999px; top: -9999px;visibility:hidden;"&gt;
          &lt;input type="text" name="pi_extra_field" id="pi_extra_field" placeholder="Comments"&gt;
      &lt;/p&gt;
      &lt;input name="_utf8" type="hidden" value="☃"&gt;
      &lt;p class="submit"&gt;
          &lt;input type="submit" accesskey="s" value="Send Message"&gt;
      &lt;/p&gt;
      &lt;input type="hidden" name="hiddenDependentFields" id="hiddenDependentFields" value=""&gt;
  &lt;/form&gt;
  </code></pre>