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.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

<html xmlns="" xml:lang="en" lang="en">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<style type="text/css" media="screen">

  <div id="wrap">
    <select id="select" >
      <option value="One">One</option>
      <option value="Two">Two</option>
      <option value="Three">Three</option>
    <div id="second">
    </div><!-- #second -->
  </div><!-- #wrap -->
  <script src=""></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>
    var optionTwo = '
      <select id="select" >
        <option value="TwoOne">TwoOne</option>
        <option value="TwoTwo">TwoTwo</option>
        <option value="TwoThree">TwoThree</option>
    var optionThree = '
      <select id="select" >
        <option value="ThreeOne">ThreeOne</option>
        <option value="ThreeTwo">ThreeTwo</option>
        <option value="ThreeThree">ThreeThree</option>
      if((this.value) == One){
        secondSel = OptionOne;
      if((this.value) == Two){
        secondSel = OptionTwo;
      if((this.value) == Three){
        secondSel = OptionThree;

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.