title: How do I get a drop down/select option have Multiple Values
body: <p>I've read other questions on here that dealt with what I am looking for. But it still did not help me.
  I want to have multiple values in an option of the select tag of a form that will be posting the information onto a different file that is viewable to the visitor by iframe. Example of what I am trying to do:</p>
  
  <p>The following is on the file: <strong>Form.php</strong></p>
  
  <pre><code>&lt;div&gt;
  &lt;form action"blank.php" method="post" target="box"&gt;
  &lt;select name="g1"&gt;
  &lt;option name="g1" value="Value 1, Value 2"&gt; Text &lt;/option&gt;
  &lt;option name="g1" value="Value 1, Value 2"&gt; Text Blah &lt;/option&gt;
  &lt;/select&gt;
  &lt;input type="submit" /&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;iframe src="blank.php" name="box"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>The Following is a long the lines of what I <strong>want</strong> to appear on the: <strong>blank.php</strong> which is visible by iframe.</p>
  
  <p><strong>Option 1 or 2 value's should appear like this</strong></p>
  
  <blockquote>
    <p>[ Value 1 ]  [ Value 2 ]</p>
  </blockquote>
  
  <p><strong>An Example:</strong></p>
  
  <p>Its a drop down menu that will post two seperate values when you select one option. 
  Like if I selected an option that says <strong>Hola - hello</strong> and it will post:</p>
  
  <blockquote>
    <p><strong>[Hola] means [Hello].</strong></p>
  </blockquote>
  
  <p>and the option tag would have the values as:</p>
  
  <pre><code>&lt;option name="g1" value="Hola, Hello"&gt;Hola - Hello&lt;/option&gt;
  </code></pre>