読者です 読者をやめる 読者になる 読者になる

フォームに複数ボタン並べる

html

テーブル内に複数のボタンを並べて、押された項目に対してのみ更新処理をしたいのだけど、やりかた忘れた..。ということで色々調べてみた。


を並べるのが一番簡単なんだけど、value属性にボタン名入れるので、name属性が固定できなくなって、サーバ側でパラメタ名が可変になるのでめんどい。

    <form>
        <table style="border: 1px solid black;">
            <tr>
                <td>Kotaro1</td><td><input type="submit" name="user1" value="OK"/></td>
            </tr>
            <tr>
                <td>Kotaro2</td><td><input type="submit" name="user2" value="OK"/></td>
            </tr>
            <tr>
                <td>Kotaro3</td><td><input type="submit" name="user3" value="OK"/></td>
            </tr>
        </table>
    </form>


パラメタ名を固定するためには、javascriptを噛ますのが一般的なやり方(たぶん)

<html>
<head>
<script type="text/javascript">
function submitHandler(userId) {
    var form = document.forms["userForm"];

    form.userid.value = userId;
    form.submit();

    return 1;
}
</script>
</head>
<body>
    <form name="userForm" method="get">
        <table style="border: 1px solid black;">
            <tr>
                <td>Kotaro1</td><td><input type="button" value="OK" onclick="submitHandler(1);"/></td>
            </tr>
            <tr>
                <td>Kotaro2</td><td><input type="button" value="OK" onclick="submitHandler(2);"/></td>
            </tr>
            <tr>
                <td>Kotaro3</td><td><input type="button" value="OK" onclick="submitHandler(3);"/></td>
            </tr>
        </table>
        <input type="hidden" name="userid" value="">
    </form>
</body>
</html>


さて、これもJavaScriptを都度書かなきゃいけないので面倒だ(おぃ)


なんかないかと思って探していたら、