title: Passing selected value to PHP form using <a> links instead of select/option
body: <p>I'm creating a dropdown menu where each selection will be wrapped in  links. The value selected needs to be passed to a php contact form but I'm not sure how to do this.</p>
  <p>Normally, I'd just use the select-option method but I want to style the menu completely from scratch so is it possible to get the same functionality from just a regular html dropdown menu?</p>
  <p>The desired values in question are in the 'Who are you?' section...</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div id=&quot;contact_info&quot;&gt;
      &lt;form name=&quot;htmlform&quot; method=&quot;post&quot; action=&quot;./contact.php&quot;&gt;
          &lt;table&gt;
              &lt;caption&gt;CONTACT&lt;/caption&gt;
              &lt;tr&gt;
                  &lt;td valign=&quot;top&quot;&gt;
                      &lt;label for=&quot;your_name&quot;&gt;Name:&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td valign=&quot;top&quot;&gt;
                      &lt;input type=&quot;text&quot; name=&quot;your_name&quot; maxlength=&quot;50&quot; size=&quot;23&quot;&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td valign=&quot;top&quot;&gt;
                      &lt;label for=&quot;email&quot;&gt;Email:&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td valign=&quot;top&quot;&gt;
                      &lt;input type=&quot;text&quot; name=&quot;email&quot; maxlength=&quot;50&quot; size=&quot;23&quot;&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td valign=&quot;top&quot;&gt;
                      &lt;label&gt;Who are you?:&lt;/label&gt;
                  &lt;/td&gt;
                  &lt;td valign=&quot;top&quot;&gt;
                      &lt;a&gt;
                          &lt;p style=&quot;background:#ffffff;&quot;&gt;I am...&lt;/p&gt;
                      &lt;/a&gt;
                      &lt;a href=&quot;&quot;&gt;
                          &lt;p&gt;an artist.&lt;/p&gt;
                      &lt;/a&gt;
                      &lt;a href=&quot;&quot;&gt;
                          &lt;p&gt;an educator.&lt;/p&gt;
                      &lt;/a&gt;
                      &lt;a href=&quot;&quot;&gt;
                          &lt;p&gt;a student.&lt;/p&gt;
                      &lt;/a&gt;
                      &lt;a href=&quot;&quot;&gt;
                          &lt;p&gt;a curator.&lt;/p&gt;
                      &lt;/a&gt;
                      &lt;a href=&quot;&quot;&gt;
                          &lt;p&gt;other...&lt;/p&gt;
                      &lt;/a&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
          &lt;table&gt;
              &lt;tr&gt;
                  &lt;td style=&quot;width:120px !important;&quot;&gt;&lt;/td&gt;
                  &lt;td valign=&quot;top&quot;&gt;
                      &lt;label for=&quot;comments&quot;&gt;Message:&lt;/label&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td style=&quot;width:120px !important;&quot;&gt;
                      &lt;input type=&quot;submit&quot; value=&quot;Submit&quot;&gt;
                  &lt;/td&gt;
                  &lt;td valign=&quot;top&quot;&gt;
                      &lt;textarea name=&quot;comments&quot; maxlength=&quot;1000&quot; cols=&quot;44&quot; rows=&quot;19&quot;&gt;&lt;/textarea&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>