Pass html code as variable?

Hi all

Is it possible to store a block of html code as a variable then use that variable to output the
html code.

I have a select drop down menu, when an option is selected from that menu I would like to create another menu,
The contents of the second will be determined by the selection of the first.

I have tried to do it like this - this doesn't work at all.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>untitled</title>
	<style type="text/css" media="screen">
	 *{
	   margin:0;
	   padding:0;
	 }
	 #wrap{
	   margin:50px;
	 }
	</style>
</head>

<body>
  
  <div id="wrap">
    
    <select id="select" >
      <option value="One">One</option>
      <option value="Two">Two</option>
      <option value="Three">Three</option>
    </select>
    
    <div id="second">
      
    </div><!-- #second -->
    
  </div><!-- #wrap -->
  
  
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script type="text/javascript">
  
    var optionOne = '
      <select id="select" >
        <option value="OneOne">OneOne</option>
        <option value="OneTwo">OneTwo</option>
        <option value="OneThree">OneThree</option>
      </select>
    '
    var optionTwo = '
      <select id="select" >
        <option value="TwoOne">TwoOne</option>
        <option value="TwoTwo">TwoTwo</option>
        <option value="TwoThree">TwoThree</option>
      </select>
    '
    var optionThree = '
      <select id="select" >
        <option value="ThreeOne">ThreeOne</option>
        <option value="ThreeTwo">ThreeTwo</option>
        <option value="ThreeThree">ThreeThree</option>
      </select>
    '
    $('#select').change(function(){
      if((this.value) == One){
        secondSel = OptionOne;
      }
      if((this.value) == Two){
        secondSel = OptionTwo;
      }
      if((this.value) == Three){
        secondSel = OptionThree;
      }
      $('#second').html(secondSel);
    })
    
  </script>  
</body>
</html>

So the option selected in the first menu will determine the contents of the second menu.

I don't no if this is the best way to do this so I would be happy if anyone had any other ideas how to do this.