Question

I have :

<ul>
  <form name="myform" action="Users" id="myform" method="post">
    <li><a id="target" name="target" value='A' href="#">A</a></li>
    <li><a id="target" name="target" value='B' href="#">B</a></li>
    <li><a id="target" name="target" value='C' href="#">C</a></li>
  </form>
</ul>

And in my controller I want to retrieve the value like this Request.Form["target"].

How can I, with a <a> send my form with the <a> value inside it ?

Thanks a lot !

Answer 1

Thanks to all,

I did a mix from some solutions :

HTML

<form name="myform" method="post">
  <li><a href="#" onclick="submit('A');">A</a></li>
  <li><a href="#" onclick="submit('B');">B</a></li>
  <li><a href="#" onclick="submit('C');">C</a></li>
  <input name="target" type="hidden" value=""/>
</form>

JS

<script type="text/javascript" language="javascript">
    function submit(target) {
        document.forms['myform'].elements['target'].value = target;
        document.myform.submit();
    }
</script>