The code below shows four drop-down menus. As you select a choice in the drop-down menu, it displays that choice as the bottom. It is very simple tool to create a four character code for my co-worker. It works but I know my JavaScript is very inefficient. The problem I am having is that there is a space between the characters. I was using DIV before and switched to SPAN thinking that would solve the space. We want to be able to quickly copy and paste the four characters from the window to an application, but the spaces get copied so we end up needing to delete them by hand. How do I eliminate the spaces from the four generated characters? Thanks.
<html>
<body>
<script type="text/javascript">
function dropdownYear(value){
console.log(value);
document.getElementById("year").innerHTML = value;
}
function dropdownMarket(value){
console.log(value);
document.getElementById("market").innerHTML = value;
}
function dropdownMonth(value){
console.log(value);
document.getElementById("month").innerHTML = value;
}
function dropdownRandom(value){
console.log(value);
document.getElementById("random").innerHTML = value;
}
</script>
<select onChange="dropdownYear(this.value)" name="search_type">
<option value="Select Year">Select Year</option>
<option value="F">F</option>
<option value="G">G</option>
<option value="H">H</option>
<option value="J">J</option>
<option value="K">K</option>
<option value="L">L</option>
<option value="M">M</option>
<option value="N">N</option>
<option value="P">P</option>
<option value="Q">Q</option>
</select>
<br />
<select onChange="dropdownMarket(this.value)" name="search_type">
<option value="Select Market">Select Market Category</option>
<option value="A">Buyers Guide</option>
<option value="B">Miscellaneous - All Markets Catalogs</option>
<option value="C">Miscellaneous - All Markets Misc (Fax/e-mail/trade show/upsell)</option>
<option value="E">EMS - Catalogs</option>
<option value="F">EMS - Misc (Fax/e-mail/trade show/upsell)</option>
<option value="G">Occ Health - Catalogs</option>
<option value="H">Occ Health - Misc (Fax/e-mail/trade show/upsell)</option>
<option value="J">Moore Brand</option>
<option value="K">Primary Care - Catalogs</option>
<option value="L">Primary Care - Misc (Fax/e-mail/trade show/upsell)</option>
<option value="M">Resellers - Catalogs</option>
<option value="N">Resellers - Misc (Fax/e-mail/trade show/upsell)</option>
<option value="P">Podiary - Catalogs</option>
<option value="Q">Podiary - Misc (Fax/e-mail/trade show/upsell)</option>
<option value="S">School - Catalogs</option>
<option value="T">School - Misc (Fax/e-mail/trade show/upsell)</option>
<option value="W">Public Sector (Cor/FSL) - Catalogs</option>
<option value="X">Public Sector (Cor/FSL) - Misc (Fax/e-mail/trade show/upsell)</option>
<option value="Y">RX</option>
<option value="Z">Reactivation</option>
</select>
<br />
<select onChange="dropdownMonth(this.value)" name="search_type">
<option value="Select Month">Select Month</option>
<option value="A">January</option>
<option value="B">February</option>
<option value="C">March</option>
<option value="D">April</option>
<option value="E">May</option>
<option value="F">June</option>
<option value="G">July</option>
<option value="H">August</option>
<option value="I">do not use</option>
<option value="J">September</option>
<option value="K">October</option>
<option value="L">November</option>
<option value="M">December</option>
</select>
<br />
<select onChange="dropdownRandom(this.value)" name="search_type">
<option value="Select Random">Select Random</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<br /><br />
<span id="year"></span>
<span id="market"></span>
<span id="month"></span>
<span id="random"></span>
</body>
</html>
