Custom UI drop-down

by elanadw

HTML

<script type="text/javascript">
  function switchVis(chartId) {
    document.querySelector('iframe').src = 'https://datawrapper.dwcdn.net/' + chartId;
  }
</script>

<p>Select country/ region:</p>

<select onchange="switchVis(this.value)">
  <option value="1g1DU">Trends by jail jurisdiction</option>
  <option value="3G9y2">Herkimer County</option>
  <option value="4ki5I">Ulster County</option>
  <option value="6jTUU">Dutchess County</option>
  <option value="6MDxL">Fulton County</option>
  <option value="737NH">Wyoming County</option>
  <option value="7eyne">Nassau County</option>
  <option value="7NUj2">Genesee County</option>
  <option value="7Va07">Orange County</option>
  <option value="7xxQk">Delaware County</option>
  <option value="8IBmX">Oswego County</option>
  <option value="APUcW">Madison County</option>
  <option value="bBlzq">Monroe County</option>
  <option value="bz1Kx">Schoharie County</option>
  <option value="cQQQO">Allegany County</option>
  <option value="DLSta">Niagara County</option>
  <option value="dOB6p">Albany County</option>
  <option value="EakUF">Onondaga County</option>
  <option value="ecJSH">Wayne County</option>
  <option value="Enm7X">Essex County</option>
  <option value="FBckr">Saratoga County</option>
  <option value="FGToG">Livingston County</option>
  <option value="FHn0E">Statewide Total</option>
  <option value="H6ikC">Washington County</option>
  <option value="HZfQ3">Steuben County</option>
  <option value="IbBEW">Rockland County</option>
  <option value="iGl9s">Broome County</option>
  <option value="iYF3V">Franklin County</option>
  <option value="kcsnn">Schuyler County</option>
  <option value="KQEO3">Schenectady County</option>
  <option value="KyZ12">St. Lawrence County</option>
  <option value="llwHi">Clinton County</option>
  <option value="M72gt">Lewis County</option>
  <option value="MSxOd">Yates County</option>
  <option value="mX3fq">Columbia County</option>
  <option value="nXRvC">Cortland County</option>
 ...

CSS

iframe {
  margin-top: 20px;
  width: 400px;
}