FORM1つでリンク

質問

いつもお世話になっております。
既にある質問も調べてみたのですが
<form name="top" method="post" action="xxx.cgi">
<input type = "hidden" name="data" value="open">
<a href="#" onClick="submit();">オープン</a>
<input type = "hidden" name="data" value="close">
<a href="#" onClick="submit();">クローズ</a>
</form>

FORMを1つで、hrefのリンクみたいにして違う値を
送信したいのですが、上記だと
二つ目のリンクが上手く出来ません。
どなたかお知恵をお貸し下さい

回答No.1

redfox63

onClickで直接submitを呼ぶのではなく自前の関数を呼んでそこでInputエレメントのvalueを設定してから送信しましょう

<script type="test/javascript">
<!--
function mySubmit(obj) {
　　document.getElementById("data").value = ( obj.innerText == "オープン" ) ? "open" : "close";
　　document.forms["top"].submit();
}
//-->
</script>
といった具合にして hiddenは1つだけでいいでしょう
<a href="#" onclick="mySubmit(this);">オープン</a>
<a href="#" onclick="mySubmit(this);">クローズ</a>
<input type="hidden" name="data" value="">
といった具合です