Skip to main content
本文に 1085 文字追加
ソース リンク
yyz
  • 1,847
  • 1
  • 9
  • 7

具体的なサンプル追記、formmethodは動作結果が判りやすいようにgetを指定しています。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    function gosubmit(no){
        document.getElementById("pageno").value = no;
        document.f1.submit();
        return false;
    }
</script>
<form method="get" name="f1" action="fom1.html">
    <input name="text1" type="text" value="t1">
    <input name="text2" type="text" value="t2">
    <input name="text3" type="text" value="t3">
    <input name="text4" type="text" value="t4">
    <input name="text5" type="text" value="t5">
    <input name="page" type="hidden" value="0" id="pageno">
</form>

<a href="javascript:gosubmit(0);">p0</a>
<a href="javascript:gosubmit(1);">p1</a>
<a href="javascript:gosubmit(2);">p2</a>
<a href="javascript:gosubmit(3);">p3</a>
<a href="javascript:gosubmit(4);">p4</a>

</body>
</html>

具体的なサンプル追記、formmethodは動作結果が判りやすいようにgetを指定しています。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    function gosubmit(no){
        document.getElementById("pageno").value = no;
        document.f1.submit();
        return false;
    }
</script>
<form method="get" name="f1" action="fom1.html">
    <input name="text1" type="text" value="t1">
    <input name="text2" type="text" value="t2">
    <input name="text3" type="text" value="t3">
    <input name="text4" type="text" value="t4">
    <input name="text5" type="text" value="t5">
    <input name="page" type="hidden" value="0" id="pageno">
</form>

<a href="javascript:gosubmit(0);">p0</a>
<a href="javascript:gosubmit(1);">p1</a>
<a href="javascript:gosubmit(2);">p2</a>
<a href="javascript:gosubmit(3);">p3</a>
<a href="javascript:gosubmit(4);">p4</a>

</body>
</html>
本文に 53 文字追加
ソース リンク
yyz
  • 1,847
  • 1
  • 9
  • 7

画面からの指定値をPOSTで受け取りSQL文に反映

aタグだけではpostパラメータを送ることは出来ないので、aタグをformタグで囲み、
type="hidden"のinputでpost送信する値をセットしておきます。
aタグのhrefに設定したjavascriptでフォームのnameを指定してサブミットします。
以下例

以下例です。例ではフォーム内からサブミットしていますが、フォームの外からでもサブミットを発行できます。

<form method="post" name="f1" action=""><input type="hidden" name="page" value="10"> <a href="javascript:f1.submit()">10</a></form>
<form method="post" name="f2" action=""><input type="hidden" name="page" value="11"> <a href="javascript:f2.submit()">11</a></form>
<form method="post" name="f3" action=""><input type="hidden" name="page" value="12"> <a href="javascript:f3.submit()">12</a></form>

*GETパラメータ(href="hoge.php?page=10")でpageを送った方が良いような気がしますが。

画面からの指定値をPOSTで受け取りSQL文に反映

aタグだけではpostパラメータを送ることは出来ないので、aタグをformタグで囲み、
type="hidden"のinputでpost送信する値をセットしておきます。
aタグのhrefに設定したjavascriptでフォームのnameを指定してサブミットします。
以下例です

<form method="post" name="f1" action=""><input type="hidden" name="page" value="10"> <a href="javascript:f1.submit()">10</a></form>
<form method="post" name="f2" action=""><input type="hidden" name="page" value="11"> <a href="javascript:f2.submit()">11</a></form>
<form method="post" name="f3" action=""><input type="hidden" name="page" value="12"> <a href="javascript:f3.submit()">12</a></form>

*GETパラメータ(href="hoge.php?page=10")でpageを送った方が良いような気がしますが。

画面からの指定値をPOSTで受け取りSQL文に反映

aタグだけではpostパラメータを送ることは出来ないので、aタグをformタグで囲み、
type="hidden"のinputでpost送信する値をセットしておきます。
aタグのhrefに設定したjavascriptでフォームのnameを指定してサブミットします。

以下例です。例ではフォーム内からサブミットしていますが、フォームの外からでもサブミットを発行できます。

<form method="post" name="f1" action=""><input type="hidden" name="page" value="10"> <a href="javascript:f1.submit()">10</a></form>
<form method="post" name="f2" action=""><input type="hidden" name="page" value="11"> <a href="javascript:f2.submit()">11</a></form>
<form method="post" name="f3" action=""><input type="hidden" name="page" value="12"> <a href="javascript:f3.submit()">12</a></form>

*GETパラメータ(href="hoge.php?page=10")でpageを送った方が良いような気がしますが。

本文に 30 文字追加
ソース リンク
yyz
  • 1,847
  • 1
  • 9
  • 7

画面からの指定値をPOSTで受け取りSQL文に反映

aタグだけではpostパラメータを送ることは出来ないので、aタグをformタグで囲み、
type="hidden"のinputでpost送信する値をセットしておきます。
aタグのhrefに設定したjavascriptでフォームのnameを指定してサブミットします。
以下例です

<form method="post" name="f1" action=""><input type="hidden" name="page" value="10"> <a href="javascript:f1.submit()">10</a></form>
<form method="post" name="f2" action=""><input type="hidden" name="page" value="11"> <a href="javascript:f2.submit()">11</a></form>
<form method="post" name="f3" action=""><input type="hidden" name="page" value="12"> <a href="javascript:f3.submit()">12</a></form>

*GETパラメータ(href="hoge.php?page=10")でpageを送った方が良いような気がしますが。

aタグだけではpostパラメータを送ることは出来ないので、aタグをformタグで囲み、
type="hidden"のinputでpost送信する値をセットしておきます。
aタグのhrefに設定したjavascriptでフォームのnameを指定してサブミットします。
以下例です

<form method="post" name="f1" action=""><input type="hidden" name="page" value="10"> <a href="javascript:f1.submit()">10</a></form>
<form method="post" name="f2" action=""><input type="hidden" name="page" value="11"> <a href="javascript:f2.submit()">11</a></form>
<form method="post" name="f3" action=""><input type="hidden" name="page" value="12"> <a href="javascript:f3.submit()">12</a></form>

*GETパラメータ(href="hoge.php?page=10")でpageを送った方が良いような気がしますが。

画面からの指定値をPOSTで受け取りSQL文に反映

aタグだけではpostパラメータを送ることは出来ないので、aタグをformタグで囲み、
type="hidden"のinputでpost送信する値をセットしておきます。
aタグのhrefに設定したjavascriptでフォームのnameを指定してサブミットします。
以下例です

<form method="post" name="f1" action=""><input type="hidden" name="page" value="10"> <a href="javascript:f1.submit()">10</a></form>
<form method="post" name="f2" action=""><input type="hidden" name="page" value="11"> <a href="javascript:f2.submit()">11</a></form>
<form method="post" name="f3" action=""><input type="hidden" name="page" value="12"> <a href="javascript:f3.submit()">12</a></form>

*GETパラメータ(href="hoge.php?page=10")でpageを送った方が良いような気がしますが。

本文に 25 文字追加
ソース リンク
yyz
  • 1,847
  • 1
  • 9
  • 7
読み込んでいます
ソース リンク
yyz
  • 1,847
  • 1
  • 9
  • 7
読み込んでいます