title: Apply appendChild() with more than one option using only Javascript
body: <p>I have a button that when pushed, it creates a new row. That row consists of selects,texts, and cells. My select box, when created has a default option 't'. How do I list multiple options without using html? </p>
  
  <p>I tried to create a new textnode and when I do the appendChild for both options, I get them both on the same line. I need the second variable 'u' to be an entirely new option. Any help is most appreciated. </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;button onclick="AddRow()"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>function addRow(){
  
      var optionObject = {};
      var table=document.getElementById('table2'),tr,input,row,cell
  
      tr=document.createElement('tr');
      tr.setAttribute("class","rows");
      tr.id = "AddedRow";                 
      field = document.createElement("select");// this is where the select box is     
      var z = document.createElement("option"); //this is to create an option for the select box
      z.setAttribute("value", "Choose"); // this is to give it a default value
      var t = document.createTextNode("Select a Current Job");// this is to give it a default field name
      var u = document.createTextNode("Select yoyo");// this is to give it a default field name
      z.appendChild(t);// append the default field name to the option
      z.appendChild(u);// append the default field name to the option
  
      field.appendChild(z);// append the option to the select box   
      field.setAttribute("id","jobSelector");
      //field.setAttribute("class","celltimes5a");
      field.setAttribute("class","celltimesSelect");
  
      var jobCol=document.createElement('td');
      jobCol.setAttribute("class","celltimes5c");
      tr.appendChild(field);
      tr.appendChild(jobCol);                             
  
      td=document.createElement('td');
      td.setAttribute("class",'celltimes4c');
      td.id = "row14total";
  
      tr.appendChild(td);
      table.appendChild(tr);
  
  }
  </code></pre>