痔になりやすい生活習慣とは?

あるWebページ内のセレクトボックス1,2があるとします。

セレクトボックス1に対して、onchangeイベントハンドラを設けて
セレクトボックス1の内容が変更されれば、リロードし
同一ページへセレクトボックス1の内容をPOSTし、
その受け取った内容でセレクトボックス2の内容を
可変したいのですが、具体的にJavascriptからPOST変数への
受け渡し方はどのようになるのでしょうか?
WebページはPHPにて構築しています。

すみませんがご存じでしたらどなたか教えてください。

A 回答 (2件)

こんにちは。



>具体的にJavascriptからPOST変数への
>受け渡し方はどのようになるのでしょうか?

ちょっと難しく考えすぎているような気がします。
POSTへ受け渡す=送信(submit)です。

onChangeでsubmitをかければよいだけですよ。

<form action="送信先.php" name="f">
<select name="sel" onChange="selChange(this.options[this.selectedIndex].value);">
<option value="1">1
<option value="2">2
</select>
<input type="submit" value="送信">
</form>

===
<script type="text/javascript">
<!--
function selChange ( val ) {
// ここではもう一度自分のページを開くので、
// action先を変更する
document.f.action="自URL";
document.f.submit();
}
//-->
</script>
    • good
    • 0
この回答へのお礼

>ちょっと難しく考えすぎているような気がします。
>POSTへ受け渡す=送信(submit)です。

その通りでした。難しく考えておりました。
大変参考になり、例まで書いて頂いて感謝しております。
有り難うございました。

お礼日時:2006/02/22 20:15

単純にフォームのmethodをpostにして、


submitしてやればよいのではないでしょうか?
    • good
    • 0
この回答へのお礼

ありがとうございます。
どうやらその通りですね。

難しく考えすぎていたようで恥ずかしいです。
実は単純な事だったのですね。
ありがとうございました!

お礼日時:2006/02/22 20:16

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qjavascriptでセレクトボックスの"selected"を動的につ

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>月

<select name='day'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
<option value='13'>13</option>
<option value='14'>14</option>
<option value='15'>15</option>
<option value='16'>16</option>
<option value='17'>17</option>
<option value='18'>18</option>
<option value='19'>19</option>
<option value='20'>20</option>
<option value='21'>21</option>
<option value='22'>22</option>
<option value='23'>23</option>
<option value='24'>24</option>
<option value='25'>25</option>
<option value='26'>26</option>
<option value='27'>27</option>
<option value='28'>28</option>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日


このセレクトボックスに、例えば今日の日付"2010年9月30日"だったら、それぞれの年、月、日の<option>に"selected"をつけたいのですが、javascriptではどのようにして実現したら良いのでしょうか?

よろしくお願いします。

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8...続きを読む

Aベストアンサー

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<option value='2009'>2009</option>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>月

<select name='day'>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日
</div>
</form>

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<opt...続きを読む

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

QonClick="this.form.submit

・下記のようなformがあるのですが、 onClick="this.form.submit();" disabledの意味を教えてください
・クリックしたら、このフォーム内容を送信?
・アクション先も指定していないのに、処理はどこへいくのでしょうか?
・また、disabledは? ずっと押せない?
<form name="hoge" method="POST">
<input name="hoge" type="button" class="button" value="piyo" onClick="this.form.submit();" disabled>
</form>

Aベストアンサー

>・クリックしたら、このフォーム内容を送信?
うん、this.form.submit();はこのフォームをsubmitとそのまま解釈すれば良い。

>・アクション先も指定していないのに、処理はどこへいくのでしょうか?
これはactionの指定が無ければ自身に送信。パラメータを送信しつつリロードみたいな動き。

>また、disabledは? ずっと押せない?
これは二回クリックされることを回避させている。
表示されているページがボタンをクリックするとリロードされるから一瞬押せなくなるけどまたパラメータ送信後、ページが表示されたときはまた押せる状態になっている。

Q