title: Create drop-down list using JavaScript instead of HTML
body: <p>I have the following code that creates and deletes text boxes using javascript:</p>
  
  <p><a href="http://jsfiddle.net/JpYGg/8/" rel="nofollow">http://jsfiddle.net/JpYGg/8/</a></p>
  
  <p>What I am aiming to do is infact create a set of three drop-down lists using this functionality instead of creating a textbox.</p>
  
  <p>The code for the three drop-downs is shown here:
  <a href="http://jsfiddle.net/MWH99/" rel="nofollow">http://jsfiddle.net/MWH99/</a></p>
  
  <p>I am a bit stuck as to how to achieve this. I added in the "dropdown" div and what I was thinking is to get the innerHTML of this div in order to use that to create the three lists every time?</p>
  
  <p>The other question I have is how to have it so that these are generated by the javascript instead of an HTML one <em>AND</em> a JavaScript version.</p>
  
  <p>Thank you for any help.</p>
  
  <p>Martin</p>
  
  <p><strong>EDIT</strong>
  I have the buttons working to create the next row of 3 drop-downs but they do not function the way that the original does, the parent drop-downs use javascript to identify the selection in the first drop-down in order to update the other two whereas the cloned ones lose this functionality.</p>
  
  <p>Code cna be found here:</p>
  
  <p><a href="http://pastebin.com/pt1wef76" rel="nofollow">http://pastebin.com/pt1wef76</a></p>
  
  <p>Original drop downs use dropdown.js which is <a href="http://pastebin.com/bDLpFWJY" rel="nofollow">http://pastebin.com/bDLpFWJY</a></p>