JavaScriptで、年/月をSelectボックスで選択し、
その年/月のカレンダーを同一ページ内に表示したいのですが、
セレクトボックスで値を選択後、カレンダーを同一ページに
表示させる際、再表示時にセレクトボックスが初期状態に
戻ってしまいます。
そのため、カレンダーも初期状態のままのカレンダーのまま変更されません。

どうしたら、値を渡して再表示できるのでしょうか?
方法としましては、自分自身を再呼び込みするといった感じで
しか方法が見つかりませんが、別の方法があれば、それでも結構です。
初心者なもので、なにとぞ、よろしくお願いいたします。

A 回答 (3件)

こんにちはPAMchanさん、xruzです。


>どうしてもソースが分かりません。
function setLst() はリストボックスにoptionをセットしています。
function wtCal(cym) はyyyy/mm形式で受けたcymをもとにTableへ日付をセットしています。
(これ以上の説明はとんでもないことになりますので割愛させていただきます)
掲載のソースはフレームを使用していませんし再読込みもしていません。

>参考ページを見てみましたが、フレームについてが掲載されていました。
フレームについて書いてありますがフレームでなくても使えるテクニックです。
リストボックスで得た値をURLの後ろにつけて自分へリンクし、その値を読み込んで
カレンダーをdocument.writeすればできると思います。

ただフレーム使用したほうが楽だと思いますが使えない場合もありますので単独の場合のソース例を掲載いたしました。

がんばってくださいね。
    • good
    • 1

こんばんはPAMchanさん、xruzです。


>再表示時にセレクトボックスが初期状態に戻ってしまいます
再表示しているから、そうなりますね。
>自分自身を再呼び込みするといった感じで
http://oshiete1.goo.ne.jp/kotaeru.php3?q=159215
が使えると思いますが。。。。

とりあえず再表示せずに表示するサンプルを載せておきます(Ie5.5sp2のみ動作確認)

<html>
<head>
<title>Calender</title>
</head>
<script language="JavaScript1.3">
<!--
var myDate=new Date();
function setLst() {with(document.frm.lst){
options.length=12;myDate.setDate(1);
for(var i=0;i<12;i++){
options[i].text=options[i].value=myDate.getFullYear()+"/"+(myDate.getMonth()+1);
myDate.setMonth(myDate.getMonth()+1);}
options[0].selected=true;wtCal(options[selectedIndex].value);}}
function wtCal(cym) {oTR=document.all('tbl').childNodes[0].childNodes;
for(var i=1;i<oTR.length;i++) for(var j=0;j<7;j++)
oTR[i].childNodes[j].innerText="";var lym=new Array();lym=cym.split("/");
myDate.setDate(1);myDate.setMonth(lym[1]-1);myDate.setFullYear(lym[0]);
for(var i=1;i<oTR.length;i++) { var k=(i>1)?0:myDate.getDay();
for(var j=k;j<7;j++) {var DD=myDate.getDate();oTR[i].childNodes[j].innerText=DD;
myDate.setDate(DD+1);if(lym[1]!=(myDate.getMonth()+1)) return;}}}
//-->
</script>
<body onLoad="setLst()">
<form method="post" name="frm">
<select name="lst" size="1" onChange="wtCal(this.options[this.selectedIndex].value);">
</select>
</form>
<table id="tbl" border="1">
<tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>
</body>
</html>

がんばってくださいね(きたないソースでごめんなさい)。

この回答への補足

回答ありがとうございます。
回答くださいました、ソースで確認したところ、まさにこれです!
すごい! と思いましが、どうしてもソースが分かりません。

参考ページを見てみましたが、フレームについてが掲載されていました。
フレームを使用しているのでしょうか?document.frm.lstとあるし・・・
フレームを使用しているとして、ページは一つでもOKなのでしょうか?
フレームがあるとすると、ページが複数必要なのでは?と思うのです。

大変お手数ですが、大まかで結構ですので、もう少し説明をいただけますでしょうか?
本当に申しわけございません。 よろしくお願いいたします。
m(_ _)m

補足日時:2001/10/31 09:40
    • good
    • 0

JavaScriptだけで、というのがよくわからないのですが・・・。


セレクトボックスの値がクリアされると言うことは、フォームのアクションかなにかで、再読込してるってことですよね?
CGIを使わずに、JavaScriptだけで値の持ち回しをされたいということであれば、難しいかと思います。
もしやるとしたら、クッキーを使う方法でしょうか。

セレクトボックスを選択したときに、Cookieをセットして、次に表示するときにCookieの値を拾ってきて、それと同じ値を持つOptionにSelectedをセットし、カレンダーを表示する・・・といった感じです。
    • good
    • 0
この回答へのお礼

JavaScript だけでは、難しいのですね。
それだけ、分かっただけでも進歩のようなきがします。
ありがとうございました。

Cookie でトライしてみようかと思います。

お礼日時:2001/10/31 09:40

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

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

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

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

QHTML→PHP フォームの値の受け渡しができません

PHPをはじめたばかりの初心者です。
ネットでいろいろ調べましたがわからず困っています。
お助けくださいm(_ _)m

<内容>
フォームの入力内容をPHP側で参照できません。
具体的には、
<form method="post" action="test.php">
<select name="BirthDay" size="1">
<option value="1">1月生まれ</option>
<option value="2">2月生まれ</option>
<option value="3">3月生まれ</option>
</select>
<input type="submit" value="決定">
</form>
で飛ばした値を、
print($BirthDay);
で表示させようとしています。
しかし、$BirthDayには何も入ってきません。
ただ、できないのはローカル環境だけで、
実際、他のサーバーにアップしてやると正常に
動作します。
ローカル環境は
Win2000SP4+PHP4.4.1+Apache1.3.34
です。
httpd.confを見直しましたがわかりませんでした。
ぜひアドバイスをお願いしますm(_ _)m

PHPをはじめたばかりの初心者です。
ネットでいろいろ調べましたがわからず困っています。
お助けくださいm(_ _)m

<内容>
フォームの入力内容をPHP側で参照できません。
具体的には、
<form method="post" action="test.php">
<select name="BirthDay" size="1">
<option value="1">1月生まれ</option>
<option value="2">2月生まれ</option>
<option value="3">3月生まれ</option>
</select>
<input type="submit" value="決定">
</form>
で飛ばした値を、
print($BirthDay);
で表示させようと...続きを読む

Aベストアンサー

そういうときは

$_POST[BirthDay] で受け取ります
GETの場合は
$_GET[]です

Qセレクトボックスの初期選択と選択保持

セレクトボックスで選択した日付でカレンダーの検索を行いたいです。
起動したときは当日日付を表示させ、検索後は選択した日付をそのまま表示させておきたいのですがうまくいきません。
javascriptを使用するのではないかと思うのですが、初心者のため記述の仕方がよくわかりません。
どなたかご教授いただけるとうれしいです。よろしくおねがいします。

Aベストアンサー

サーバーサイドのプログラムが動くなら話は別です。

<?php
$y= date ("Y");
if($_REQUEST["y"]) $y = $_REQUEST["y"];

$m= date ("m");
if($_REQUEST["m"]) $m = $_REQUEST["m"];
$d= date ("d");
if($_REQUEST["d"]) $d = $_REQUEST["d"];

for($i = $y-5; $i <= $y+5; $i++){
$selected=$y==$i?" selected":"";
$options["y"].="<option value=\"{$i}\"{$selected}>{$i}</option>\n";
}
for($i = 1; $i <= 12; $i++){
$selected=$m==$i?" selected":"";
$options["m"].="<option value=\"{$i}\"{$selected}>{$i}</option>\n";
}
for($i = 1; $i <= 31; $i++){
$selected=$d==$i?" selected":"";
$options["d"].="<option value=\"{$i}\"{$selected}>{$i}</option>\n";
}
print <<<eof
<form method="get">
<select size="1" name="y">
{$options["y"]}
</select>年
<select size="1" name="m">
{$options["m"]}
</select>月
<select size="1" name="d">
{$options["d"]}
</select>日
<input type="submit" value="go">
</form>
eof;
?>

さらに詳しい説明が必要ならPHPの板で質問ください。

サーバーサイドのプログラムが動くなら話は別です。

<?php
$y= date ("Y");
if($_REQUEST["y"]) $y = $_REQUEST["y"];

$m= date ("m");
if($_REQUEST["m"]) $m = $_REQUEST["m"];
$d= date ("d");
if($_REQUEST["d"]) $d = $_REQUEST["d"];

for($i = $y-5; $i <= $y+5; $i++){
$selected=$y==$i?" selected":"";
$options["y"].="<option value=\"{$i}\"{$selected}>{$i}</option>\n";
}
for($i = 1; $i <= 12; $i++){
$selected=$m==$i?" selected":"";
$options["m"].="<option val...続きを読む

Qhtmlからphpへの値の受け渡しについて

いつも助けてもらってます。
今回も宜しくお願い致します。

現在、複数のhtmlページから一つのphpを呼び出しているのですが、
phpのselect文の中で各ページの持つ定数(変数?)を使用したいと考えています。

phpのselect文
SELECT
*
FROM
ITEM
WHERE
ITEM_DIV = 各ページの定数(文字列)


各ページの定数は、必ず同じ物です(ダイエット、食品etc..)
グーグルなどで調べた結果、
POSTやSESSION、FORMで出来そうな感じだったのですが、

渡すものがいつも決まっていて、かつ一つなので
もっと簡単に渡せるんじゃないかな?と考えて投稿させてもらいました。

宜しくお願いします!!

Aベストアンサー

php側で、どのhtmlからリンクされたかが分かればいいと思いますので、
サーバ環境変数の $_SERVER['HTTP_REFERER'] で可能かと思います。

参考URL:http://lib.stwing.jp/archives/2005/09/php_server.html

QHTMLのテーブルの値と同じ値をセレクトボックスで選択したい

テーブルには1月~12月までの値があり、セレクトボックスにも1月~12月の項目があります。

この様な場合で、テーブルの4月をクリックした場合、セレクトボックスの4月を選択状態にしたいです。

テーブルの値を取得し、テキストボックスに表示する事は出来ましたが、セレクトボックスの場合はさっぱり分かりません。宜しければご教授下さい。
下記は別のサイト様を参考にテスト中の物ですが、テキストボックスには可能ですが、セレクトボックスでは表示されません。
<SCRIPT TYPE="text/javascript">
<!--
function getCell(obj){
document.getElementById("text1").value = document.getElementById("td"+obj + "a").textContent;
}
// -->
</SCRIPT>

</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr id="tr0" onclick="getCell('1')">
<td id="td1a">1月</td>
</tr>
<tr id="tr0" onclick="getCell('2')">
<td id="td2a">2月</td>
</tr>
  <tr id="tr0" onclick="getCell('3')">
<td id="td3a">2月</td>
</tr>
  省略
</table>
 <select id="text1">
<option>1月</option>
<option>2月</option>
<option>3月</optio>
    省略
</select>

初心者丸出しで申し訳有りませんが宜しくお願いします。

テーブルには1月~12月までの値があり、セレクトボックスにも1月~12月の項目があります。

この様な場合で、テーブルの4月をクリックした場合、セレクトボックスの4月を選択状態にしたいです。

テーブルの値を取得し、テキストボックスに表示する事は出来ましたが、セレクトボックスの場合はさっぱり分かりません。宜しければご教授下さい。
下記は別のサイト様を参考にテスト中の物ですが、テキストボックスには可能ですが、セレクトボックスでは表示されません。
<SCRIPT TYPE="text/javascript">
<!--...続きを読む

Aベストアンサー

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>set select?</title>

<table border="1" id="tb0">
<tr><td>1月</td><td>100円</td></tr>
<tr><td>2月</td><td>200円</td></tr>
<tr><td>3月</td><td>300円</td></tr>
</table>

<select id="text1">
<option>1月</option>
<option>2月</option>
<option>3月</option>
</select>
<input type="text" id="text2">
<script type="text/javascript">

//@cc_on
//全角空白は、タブまたは半角空白に変換のこと

document./*@if(1)attachEvent('on'+ @else@*/addEventListener(/*@end@*/'click',
 function (evt) {
  var e = evt./*@if (1) srcElement @else@*/ target /*@end@*/;
  var t = 'tb0';
  var text;
  var c;

  if (!(e.tagName == 'TD' || e.tagName == 'TH')) return;
  if (!getParentById(e, t)) return;

  c = e.parentNode.childNodes;
  setSelectByText('text1', getText(c[0]));
  document.getElementById('text2').value = getText(c[1]);
 },false
);

function setSelectByText (eId, val) {
 var s = document.getElementById(eId).options;
 var cnt = 0;
 var f = false;
 var o;

 while (o = s[cnt++]) if (o.text == val) o.selected = f = true;
 return f;
}

function getParentById (e, eId){
 while (e) if (e.id == eId) return e; else e = e.parentNode;
 return null;
}

function getText (e) {
 return e./*@if (1) innerText @else@*/ textContent /*@end@*/;
}

</script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>set select?</title>

<table border="1" id="tb0">
<tr><td>1月</td><td>100円</td></tr>
<tr><td>2月</td><td>200円</td></tr>
<tr><td>3月</td><td>300円</td></tr>
</table>

<select id="text1">
<option>1月</option>
<option>2月</option>
<option>3月</option>
</select>
<input type="text" id="text2">
<script type="text/javascript">

//@cc_on
//全角空白は、タブまたは半角空白に変換のこと

document./*@if(1)att...続きを読む

Qhtmlファイルからphpファイルへの値の受け渡し

表を使った問い合わせフォームを作成したのですが、データを受け渡す方法がわかりません!!

初めの問い合わせページは以下のようにhtmlファイルで記述しました。

この場合、次のページにデータを引き渡すphpファイルには、どうのような記述をしたら良いのでしょうか?

<form method="post" action="info.php">
<table class="table margin01" width="592" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="190" align="left" bgcolor="#FFF09D">お名前 <span class="tabletext1">※必須</span></td>
<td><input name="name" type="text" class="form01" id="name" /><br />
入力例:山田 太郎
</td>
</tr>

<tr>
<td align="left" bgcolor="#FFF09D">メールアドレス <span class="tabletext1">※必須</span></td>
<td><input name="mail" type="text" class="form01" id="mail" /><br />
入力例:●●●●●●@yamada.co.jp
</td>
</tr>

<tr>
<td align="left" bgcolor="#FFF09D">メールアドレス(確認) <span class="tabletext1">※必須</span></td>
<td><input name="mail2" type="text" class="form01" id="mail2" /></td>
</tr>

<tr>
<td align="left" bgcolor="#FFF09D">お問い合せ内容 <span class="tabletext1">※必須</span></td>
<td>
<select name="list" id="list">
<option>お問い合せ内容をお選びください</option>
<option>事業内容について</option>
<option>求人について </option>
<option>その他</option>
</select>
</td>
</tr>

<tr>
<td align="left" bgcolor="#FFF09D">内容 <span class="tabletext1">※必須</span></td>
<td><textarea name="content" id="内容" cols="45" rows="5"></textarea></td>
</tr>

</table>

<p align="center" class="margin01">
<input type="reset" value="クリア" />
<input type="submit" value="送信内容を確認する" />
</p>
<input type="hidden" name="test" value="cloud" />
</form>

表を使った問い合わせフォームを作成したのですが、データを受け渡す方法がわかりません!!

初めの問い合わせページは以下のようにhtmlファイルで記述しました。

この場合、次のページにデータを引き渡すphpファイルには、どうのような記述をしたら良いのでしょうか?

<form method="post" action="info.php">
<table class="table margin01" width="592" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="190" align="left" bgcolor="#FFF09D">お名前 <span class="tabletext1"...続きを読む

Aベストアンサー

ここが参考になりますかね。


http://www.phppro.jp/school/phpschool/vol6/1


postの処理をどう判定するのかどうか書いてあります。

若干異なるのは、質問者さんは次の画面で入力チェックを行いたいと言う事ですが、
参考サイトは遷移前で入力チェックを行っています。
入力するたびに次画面に遷移してエラーであれば戻ると言うのは
あまりよろしくないかと思いますが…。

Qセレクトボックスを未選択の状態にするには?

html / css / javascriptの初心者です。

いろいろなサイトで勉強しながら、アンケートフォーム(メールフォーム)を作っています。

所在地を選択してもらうのに、最初にラジオボタンで「関東」などのよう地域を選択してもらってから、都道府県をセレクトボックスで選択してもらうように作りました。

ラジオボタンを選択したら、都道府県を選ぶセレクションボックスのところにその地域の都道府県を表示するところまではできました。

しかし、例えば、最初に「関東」→「東京」と選択したあとに、選択し直して「北海道・東北」→「福島」と選択すると、「東京」の値が残ってしまいます。選択し直した場合に、他のセレクトボックスの値を未選択の状態(nullにするということであっていますか?)にするにはどうしたらいいでしょうか?

<script type="text/javascript">
function entryChange1(){
radio = document.getElementsByName('所在地')
if(radio[0].checked) {
document.getElementById('firstBox').style.display = "";
document.getElementById('secondBox').style.display = "none";
document.getElementById('thirdBox').style.display = "none";
document.getElementById('fourthBox').style.display = "none";
document.getElementById('fifthBox').style.display = "none";
document.getElementById('sixthBox').style.display = "none";
document.getElementById('seventhBox').style.display = "none";
}else if(radio[1].checked) {
document.getElementById('firstBox').style.display = "none";
document.getElementById('secondBox').style.display = "";
document.getElementById('thirdBox').style.display = "none";
document.getElementById('fourthBox').style.display = "none";
document.getElementById('fifthBox').style.display = "none";
document.getElementById('sixthBox').style.display = "none";
document.getElementById('seventhBox').style.display = "none";

<途中省略>

}else if(radio[6].checked) {
document.getElementById('firstBox').style.display = "none";
document.getElementById('secondBox').style.display = "none";
document.getElementById('thirdBox').style.display = "none";;
document.getElementById('fourthBox').style.display = "none";
document.getElementById('fifthBox').style.display = "none";
document.getElementById('sixthBox').style.display = "none";
document.getElementById('seventhBox').style.display = "";
}
}
//オンロードさせ、リロード時に選択を保持
window.onload = entryChange1;
</script>


<tr id="firstBox">
<th class="col-xs-5 col-md-3">所在地<font color="red"><b>※必須</b></font></th>
<td class="col-xs-5 col-md-7">
<select name="北海道・東北">
<option value="" selected>-- 選択して下さい --</option>
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
<option value="岩手県">岩手県</option>
<option value="宮城県">宮城県</option>
<option value="秋田県">秋田県</option>
<option value="山形県">山形県</option>
<option value="福島県">福島県</option>
</select>
</td>
</tr>
<tr id="secondBox">
<th class="col-xs-5 col-md-3">所在地<font color="red"><b>※必須</b></font></th>
<td class="col-xs-5 col-md-7">
<select name="関東">
<option value="" selected>-- 選択して下さい --</option>
<option value="茨城県">茨城県</option>
<option value="栃木県">栃木県</option>
<option value="群馬県">群馬県</option>
<option value="埼玉県">埼玉県</option>
<option value="千葉県">千葉県</option>
<option value="東京都">東京都</option>
<option value="神奈川県">神奈川県</option>
</select>
</td>
</tr>

<以下省略>

何か解決のヒントか参考のサイトなど紹介していただけると助かります。

よろしくお願いいたします。m(__)m

html / css / javascriptの初心者です。

いろいろなサイトで勉強しながら、アンケートフォーム(メールフォーム)を作っています。

所在地を選択してもらうのに、最初にラジオボタンで「関東」などのよう地域を選択してもらってから、都道府県をセレクトボックスで選択してもらうように作りました。

ラジオボタンを選択したら、都道府県を選ぶセレクションボックスのところにその地域の都道府県を表示するところまではできました。

しかし、例えば、最初に「関東」→「東京」と選択したあとに、選択し...続きを読む

Aベストアンサー

style.display = "none"しても表示を消してるだけですからね
disabled=tureも併用してください

逆に表示するときにstyle.display = "" すると同時に
disabled=falseするように

QHTML データ受け渡し

HTMLのデータ受け渡しをしたいのですが

例えば

・担当者_HTML

担当者選択
A        ←Aを選択(Aという値を年齢_HTMLに転送)


・年齢_HTML

年齢選択
20代     ←20代を選択(20代という値とBという値を実行ファイルに渡したい)
30代

Aベストアンサー

これだけのデーターだとすると、自作自演。

このような事をしたいと思うということは、この手の事をしていないと、この発想をしない。

とりあえず、候補を挙げておくが。

基本的なところから

http://reference.ascii.jp/html/form

ServerSideScriptを使う。POSTなのかGETなのかがポイント。

次にGETの応用

URL#HTML Object Element Name(ID)

これにイベント属性との組み合わせ。

JavaScriptなどを使った、ClientSideScriptで選択した結果を処理し、最後にFORMで送信。

ASPXやJSPなどを使えば、バインドしたHTMLタグを使える、

やり方は、さまざまあるので、基本的な事をまなんでから、何ができそうだから、何を使ってやる場合。などと、再度質問してください。

Qセレクトボックスで選択した内容をテキストボックスへ

こんにちは、初めて質問させて頂きます。
現在、下記のような形式で、選んだテキストをテキストボックスに追加する仕様を使っています。
これをテキストではなく、プルダウン形式のセレクトボックスで選択できるようにはできないでしょうか?

<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='鉄 '">鉄</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='アルミ '">アルミ</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='塩ビ '">塩ビ</A><BR>

<FORM name="myform">
<INPUT TYPE="TEXT" NAME="comment" SIZE="50">
</form>


お手数ですが、もし宜しければお知恵をお貸し下さい。

こんにちは、初めて質問させて頂きます。
現在、下記のような形式で、選んだテキストをテキストボックスに追加する仕様を使っています。
これをテキストではなく、プルダウン形式のセレクトボックスで選択できるようにはできないでしょうか?

<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='鉄 '">鉄</A><BR>
<A HREF="javascript:function voi(){};voi()" onClick="document.myform.comment.value+='アルミ '">アルミ</A><BR>
<A HREF="javascript:function voi(){};vo...続きを読む

Aベストアンサー

連続入力することもかんがえるとこうするとよいかも

<script>
function hoge(obj){
var f=obj.form;
var v=obj.options[obj.selectedIndex].value;
var c=f.elements["comment"];
c.value+=v;
obj.selectedIndex=0;
}
</script>
<form>
<p>
<select onchange="hoge(this)">
<option value="" >選択してね</option>
<option value="鉄">鉄</option>
<option value="アルミ">アルミ</option>
<option value="塩ビ">塩ビ</option>
</select>
<input type="text" name="comment" value="">
</p>
</form>

Q値の受け渡しについて

JavaScriptを使用しa.htmlからb.htmlへ
値の受け渡しについて分らない事があります。

やりたいことはa.html内にある
<a href="b.html">あああ</a>の「あああ」の値を
b.html内にある<INPUT>に入れたいのです。

現在記述しているコードを下記記しますので
何方かご教授お願いします。

■a.html
<html>
<a href="b.html" onclick="this.href=this.href+'?'+encodeURIComponent(this.innerHTML)">あああ</a>
</html>
■b.html
<html>
<script type="text/javascript">
query = decodeURIComponent( location.search.slice(1,1000) );
document.getElementById('in_name').value = query;
</script>
<form>
<INPUT type="text" id="in_name" name="in_name" value="">
</form>
</html>

JavaScriptを使用しa.htmlからb.htmlへ
値の受け渡しについて分らない事があります。

やりたいことはa.html内にある
<a href="b.html">あああ</a>の「あああ」の値を
b.html内にある<INPUT>に入れたいのです。

現在記述しているコードを下記記しますので
何方かご教授お願いします。

■a.html
<html>
<a href="b.html" onclick="this.href=this.href+'?'+encodeURIComponent(this.innerHTML)">あああ</a>
</html>
■b.html
<html>
<script type="text/javascript">
query = decodeURIComponent(...続きを読む

Aベストアンサー

document.getElementById('in_name').value = query;



window.onload=function(){
document.getElementById('in_name').value = query;
}

としてください

Q複数のセレクトボックスの値から別のセレクトボックス

この度はお世話になります。
複数(4個)のselectboxからselectboxの値の組み合わせによって、別のselectbox(1個)の選択肢を変えたいのですが、どなたか助けていただけませんでしょうか?

動作のイメージは以下の通りです。

selectboxAの選択肢:1,2,3,4,5,
selectboxBの選択肢:あ,い,う,え,お,
selectboxCの選択肢:ア,イ,ウ,エ,オ,
selectboxDの選択肢:a,i,u,e,o,

上記の操作で、
selectboxA に1 selectboxB に い selectboxCに ウ selectboxDに e と
selectboxA に5 selectboxB に え selectboxCに ウ selectboxDに i の
組み合わせが選択されたときのみ、

selectbox E の選択肢に あいうえお,かきくけこ,さしすせそ,が表示され、

それ以外のselectbox A~Dの選択肢の組み合わせの時はすべて、
たちつてと,なにぬねの,はひふへほ, の選択肢が表示されます。

各selectボックスの選択肢は、選択肢の数により増減します。
また選択肢Aには数字を使ってますが、すべて文字列として扱いたいです。

ネット上でjavascript のサンプルプログラム等も見て、色々と試してみたのですが、
なかなかハードルが高く困っております。

当方素人。任意の集まりで使います。何卒よろしくお願い致します。

この度はお世話になります。
複数(4個)のselectboxからselectboxの値の組み合わせによって、別のselectbox(1個)の選択肢を変えたいのですが、どなたか助けていただけませんでしょうか?

動作のイメージは以下の通りです。

selectboxAの選択肢:1,2,3,4,5,
selectboxBの選択肢:あ,い,う,え,お,
selectboxCの選択肢:ア,イ,ウ,エ,オ,
selectboxDの選択肢:a,i,u,e,o,

上記の操作で、
selectboxA に1 selectboxB に い selectboxCに ウ selectboxDに e と
selectboxA に5 selectboxB に え selectboxC...続きを読む

Aベストアンサー

配列変数に「あいうえお,かきくけこ,さしすせそ」と「たちつてと,なにぬねの,はひふへほ, 」を作ります。
次にselectboxA~Dのvalueを取得してif elseを使用してselectboxEのvalueに「あいうえお,かきくけこ,さしすせそ」か「たちつてと,なにぬねの,はひふへほ, 」を入れてあげればいいと思いますよ。

イメージ的には以下のような形だと思います。

selectboxA~Dのvalueがチェンジされた場合のイベントハンドラ {
if(~~~) {
selectboxE.value = 「あいうえお,かきくけこ,さしすせそ」
} else {
selectboxE.value = 「あいうえお,かきくけこ,さしすせそ」
}
}


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

おすすめ情報