こんにちは!

submit処理を行うとそのフォーム内の値をRequest.formで
取って来れますが、この値を取得した後、Request.formの
値をJavascriptで初期化したいのですが可能ですか?

ラジオボタンをクリックした時に初期化したいのです。

ご存知でしたら教えて下さい。

A 回答 (1件)

過去に何度も似たような質問をされていますが、


クライアントサイド(JavaScript等)とサーバーサイド(ASP)は別物です。

厳しいようですが、一度クライアントサイドとサーバーサイドの違いについて最初から勉強されることをオススメします。
そうでもしない限り、多分ずっと同じような質問を繰り返し続けることになるかと思います。

なお、Request.Formは読みとり専用の値なため、
値を変更させることはできません。
    • good
    • 0
この回答へのお礼

ご指摘ありがとうございます。
だんだん学習してわかってきましたので、この問題も
別の方法で解決出来ました。
又不明な点が出てきましたらご教授お願い致します。

お礼日時:2001/11/15 09:08

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

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

QCSSとJavascript(jQuery)の使い分け方

こんにちは。
CSS、Javascript(jQuery含む)を覚えたての初心者です。

CSSファイルはHTMLの装飾、JavaScriptはHTMLで作ったページに「動き」をもった内容を表示できます。
しかし、Javascriptファイルでは、jQueryファイルと一緒に使い、例えば
$("function(){});").css("color","red"); などを使うことで
CSSファイルと同じように、文字を大きくしたり背景に色をつけたりすることができます。

これでは極論を言ってしまえば、$("function(){});").css("color","red");  をつかった.jsファイルを作りこむことでCSSが不要になってしまいます。しかし、CSSはどのウェブページでも必ず使われているものです。

JavaScript(とjQuery)を使ってホームページを作っている方は、
CSSとJavaScript(とjQuery)との使い分けを どのようにしているのでしょうか?

宜しくお願い致しますm(_ _)m

こんにちは。
CSS、Javascript(jQuery含む)を覚えたての初心者です。

CSSファイルはHTMLの装飾、JavaScriptはHTMLで作ったページに「動き」をもった内容を表示できます。
しかし、Javascriptファイルでは、jQueryファイルと一緒に使い、例えば
$("function(){});").css("color","red"); などを使うことで
CSSファイルと同じように、文字を大きくしたり背景に色をつけたりすることができます。

これでは極論を言ってしまえば、$("function(){});").css("color","red");  をつかった.jsファイルを作り...続きを読む

Aベストアンサー

CSS と JavaScript の使い分けはあなた自身が答えを書いてるじゃないですか、
> CSSファイルはHTMLの装飾、JavaScriptはHTMLで作ったページに「動き」をもった内容を表示
と。

確かに JavaScript で CSS を操作することは可能です。しかしそれは JavaScript での何らかの処理の結果をユーザーに通知するためのもので、処理によって変化しない箇所や初期状態の装飾を設定するものではありません(ただし初期状態としての要素の不可視化は例外:JavaScript を切った状態では不可視な要素へのアクセスができなくなるため)。

また、実際の表示の際 JavaScript で装飾を行うと、まずブラウザのデフォルトの装飾がページに施され、そののちに JavaScript による装飾変更が行われるため二度手間になります。それに対して CSS による装飾を行うと、ブラウザのデフォルトの装飾方法を CSS が修正してそれをページに適用するだけで済みます。

QJavascriptで、フォームボタン押下(submit)せず、リンクURLを書き換える

 javascriptで、
 1.フォームのテキストボックスに入れられた値を取得し、
  例)テキストボックス入力 ; test
 2.元々記述されているリンクURLをユーザがクリックした時、
  例)元々のリンクURL ; <a href="www.google.co.jo?q= ~...
 3."1"のテキストボックス内に記述された値を取得して、"2"のURLを書き換え、
  例)テキストボックス内の文字をURLの一部に追記する ; <a href="www.google.co.jo?q=test  ~...
 4.書き換えられた後のURLにユーザを飛ばす、
 ・・・という事って出来るんでしょうか。
 上記動作内でユーザの動作は、
  テキストボックスに文字を入れる、という動作と、
  リンクをクリックする、という動作のみです。

 フォームのボタン押下後、というのであれば出来たんですが、上記の様な動作のコードが思い浮かびません・・・。PHPとかCGIではなく、Javascriptで何とか出来ないでしょうか。
 お知恵拝借、よろしくお願いします。

 javascriptで、
 1.フォームのテキストボックスに入れられた値を取得し、
  例)テキストボックス入力 ; test
 2.元々記述されているリンクURLをユーザがクリックした時、
  例)元々のリンクURL ; <a href="www.google.co.jo?q= ~...
 3."1"のテキストボックス内に記述された値を取得して、"2"のURLを書き換え、
  例)テキストボックス内の文字をURLの一部に追記する ; <a href="www.google.co.jo?q=test  ~...
 4.書き換えられた後のURLにユーザを飛ばす、
...続きを読む

Aベストアンサー

onkeyupで処理してみては?

<script>
function hoge(v){
var url="http://www.google.co.jp?q=";
document.getElementById("fuga").href=url+v;
}
</script>

<input type="text" onkeyup="hoge(this.value)">
<a href="http://www.google.co.jp?q=" id="fuga">とぶ</a>

QCSSやJavaScriptのバージョン指定

HTMLを書くときにCSSやJavaScriptのバージョン指定は必要なのでしょうか。
各ブラウザのバージョンによって対応するCSS・JavaScriptのバージョンが決まっていると思うのですが、例えば、CSS3やJavaScript2がでてきたときに、バージョン指定していないWebページで表示が壊れる等ないのでしょうか。

現在CSS2.1で書かれたページもいつかは、CSS2.1対応のブラウザがなくなり見れなくなります。
ただ、近々CSS3がでたときにバージョン指定していないため、ブラウザ側でCSS3で表示しようとし、見れなくなる等あるのでしょうか。

ご回答いただければ幸いです。

Aベストアンサー

今でもCSSやJavaScriptのバージョン指定はしてませんよね。
特に指定しなくてもブラウザがそれらに対応してればそのように表示するし、
対応してなければ意図した表示にならない可能性は高いでしょう。
例えそれが新しいCSS3だからといってもバージョンこそ違えどCSSに変わりはないので同じです。
逆にブラウザの方のバージョン指定が必要になってくるかも ^^;

Qjavascriptで取得した値を、FORMで送信する

いつもお世話になっております。

jspからwindow.openを使い、別ウインドウを表示しました。
別ウインドウでの質問です。
javascriptで前のページ(jsp)の情報を受け取り、それを次のページ(jsp)へFORM(POST)で送りたいのですが、うまくいきません。
ご教授下さい。

<HTML>
<HEAD>
<script type="text/javascript">
<!--
function sent() {
var num = window.opener.document.aaa.number01.value;
ここで前ウィンドウの情報を取得しています
return num;
}

function sub() {
document.bbb.submit();
}
// -->
</script>
</HEAD>
<BODY onload="sub()">
<form name="bbb" METHOD="POST" action="http://okwave.jp">
<input type="hidden" name="timeid" value="">
<input type="hidden" name="number00" value="1">
<input type="hidden" name="number01" value="sent()">
<!--<input type="hidden" name="number01" value="204038054776">-->
当たり前ですが、コメントにしている部分にすると次のページでうまくいきます。
</form>
</BODY>
</HTML>

いつもお世話になっております。

jspからwindow.openを使い、別ウインドウを表示しました。
別ウインドウでの質問です。
javascriptで前のページ(jsp)の情報を受け取り、それを次のページ(jsp)へFORM(POST)で送りたいのですが、うまくいきません。
ご教授下さい。

<HTML>
<HEAD>
<script type="text/javascript">
<!--
function sent() {
var num = window.opener.document.aaa.number01.value;
ここで前ウィンドウの情報を取得しています
return num;
}

function sub() {
document.bbb.subm...続きを読む

Aベストアンサー

value="sent()"
ここに問題があります。

これでは
number01の中身は、"sent()" という文字列です。
function sent() は呼び出されません。


問題は、

function sub() {
document.bbb.number01.value=
window.opener.document.aaa.number01.value;
document.bbb.submit();
}

これで解決するのではないかと。
(function sent() は不要です)


ちなみに、hidden で悩んだときは、一旦hidden を text に してみれば、疑問が氷解する場合が多いです。

Qcssにjavascriptを入れる?呼び出す??

技量が乏しいので見当違いな質問でしたらすいません。

今ホームページにjavascriptによるログ解析を行うためhtmlファイルにタグを挿入しているのですが、すべての該当ページに挿入するのに苦労しています。
これをcssを使う事でcssだけ変更すればすべてのファイルにjavascriptを追加するような事はできませんでしょうか。
cssの記述方法についてご教授頂ければありがたいです。


cssやjavascriptそれぞれ1つとっても私には難しく・・・
よろしくお願いいたします。

Aベストアンサー

cssでスクリプトの読みこみはできませんが、
cssをうめこむ手順に近い形でjavascriptの
うめこみをすればよいのでは?

<script type="text/javascript" src="hoge.js"></script>

とし、hoge.jsを書きかえれば全てのページの
スクリプトが変わります。

Qjavascriptでの2つのプルダウンメニューの初期値

下記の2つの連動するセレクトメニューで最初の国名のプルダウンで「日本」を選択、次の都市名のプルダウンで「東京」を選択し、
その後ブラウザの戻るボタンで戻り後、再びページを表示させたり、または入力内容確認画面へ進みjavascriptのonclick="history.back()"で入力ページ(下記スクリプト記述ページ)に戻ると1つ目の国名のメニューは日本が表示されていますが、2つ目の都市名のメニューが空白になってしまいます。
そのため、都市名のプルダウンで東京を表示させるには、1つ目の国名のプルダウンを一度日本以外にしてから再度日本に表示させるといった動作が必要になってしまっています。
そこで、都市名のメニューを空白にさせずにそのまま表示させるように色々調べたのですが、解決策がありませんでした。
そこで、せめて両方のプルダウンともに「国を選択して下さい」にした状態にはできないかと考えております。
何か良い方法がありましたらば教えて頂けませんでしょうか?

<html>
<head>
<script type="text/javascript">
window.onload = function(){
document.getElementById("selMain").onchange = function(){
var selNo = this.selectedIndex;
var selObj = document.getElementById("selSub");
var optionData = [
["国名を選択してください,"],
["東京,tokyo","大阪,osaka","名古屋,nagoya"],
["ニューヨーク,ny","ロサンゼルス,la"]
];
var i, tmp = [];
while(selObj.hasChildNodes()) {
selObj.removeChild(selObj.firstChild);
}
for (var i=0; i<optionData[selNo].length; i++){
tmp = optionData[selNo][i].split(",");
selObj.options[i] = new Option(tmp[0], tmp[1]);
}
}
}
</script>
</head>

<body>
<form action="./enq.cgi" method="get" id="mainForm" name="mainForm">
<select id="selMain">
<option value="" selected>国を選択してください</option>
<option value="jp">日本</option>
<option value="usa">アメリカ</option>
</select>
<select id="selSub">
<option value="">国を選択してください</option>
</select>
</form>
</body>
</html>

下記の2つの連動するセレクトメニューで最初の国名のプルダウンで「日本」を選択、次の都市名のプルダウンで「東京」を選択し、
その後ブラウザの戻るボタンで戻り後、再びページを表示させたり、または入力内容確認画面へ進みjavascriptのonclick="history.back()"で入力ページ(下記スクリプト記述ページ)に戻ると1つ目の国名のメニューは日本が表示されていますが、2つ目の都市名のメニューが空白になってしまいます。
そのため、都市名のプルダウンで東京を表示させるには、1つ目の国名のプルダウンを一度...続きを読む

Aベストアンサー

フォームの値は通常ならブラウザが記憶しているのですが、
「都市の選択」の方はロード時(JSで動的に追加する前)のoptionが1つしかないし、
そうでなくても動的にoptionを全部消しているし、
optionの値を書き換えただけでもリセットされるようなので、
cookieを使うしか方法はなさそうです。

Q時間帯によって背景を切り替えるJavascriptとCSS

時間帯によって背景を切り替えるJavascriptとCSSを作りたいのですが以下の書き方で良いのでしょうか?切り替わるには切り替わるのですが、時間の指定がうまくいってないようです。。

また下の3行はJavascriptをOFFにしているときはこのCSSという意味で良いですか?

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function getCSS()
{
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();

if (thehour > 20)
display = "includes/tree_twilight.css";
else if (thehour > 17)
display = "includes/tree_sunset.css";
else if (thehour > 14)
display = "includes/tree_afternoon.css";
else if (thehour > 11)
display = "includes/tree_noon.css";
else if (thehour > 7)
display = "includes/tree_morning.css";
else if (thehour > 4)
display = "includes/tree_sunrise.css";
else if (thehour > 1)
display = "includes/tree_twilight.css";
else
display = "includes/tree_sunset.css";

var css = '<';
css+='link rel="stylesheet" href=' + display + ' \/';
css+='>';

document.write(css);
// End -->
}
</script>

<script language="javascript">getCSS();</script>

<noscript>
<link rel="stylesheet" href="includes/tree_sunset.css" type="text/css"/>
</noscript>


宜しくお願いします。。

時間帯によって背景を切り替えるJavascriptとCSSを作りたいのですが以下の書き方で良いのでしょうか?切り替わるには切り替わるのですが、時間の指定がうまくいってないようです。。

また下の3行はJavascriptをOFFにしているときはこのCSSという意味で良いですか?

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function getCSS()
{
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();

if (thehour > 20)
display = "includes/t...続きを読む

Aベストアンサー

★『>』と『>=』演算子の使い方は、次のようになります。

サンプル1:
if ( thehour > 17 ){
 18~23時
}
else if ( thehour > 11 ){
 12~17時
}
else if ( thehour > 5 ){
 6~11時
}
else{
 0~5時
}

サンプル2:
if ( thehour >= 18 ){
 18~23時
}
else if ( thehour >= 12 ){
 12~17時
}
else if ( thehour >= 6 ){
 6~11時
}
else{
 0~5時
}

解説:
・『>』演算子よりも『>=』演算子の方が分かりやすいというのは if の
 ブロック内の最初が『比較時間~』という解釈が出来るからです。
 どちらでも処理的には同じですので最終的に『お好み』ですよ。
 これで分かりましたか?
・以上。→私は『サンプル2』の方が分かりやすいと思った。でアドバイスしたの。

Qラジオボタンと連動して文字列を挿入するjavascript(radioのvalue値を元に、特定の文字列を挿入です)

お世話になります。質問がわかりにくければすみません。
以下3つのラジオボタンがあり、value値と連動してテキストボックス(またはhidden)のvalueに特定の文字列を挿入させる方法を教えて下さい。
(例えば東京⇒関東、大阪⇒近畿、福岡⇒九州など…)

<input type="radio" name="name1" value="1">東京<br>
<input type="radio" name="name1" value="2">大阪<br>
<input type="radio" name="name1" value="3">福岡<br>
<input type="text" name="name2" value="">
<input type="hidden" name="name3" value="">

宜しくお願いします。
また、参考になるようなサイトなどご教授頂ければ幸いです。
宜しくお願いします。

Aベストアンサー

ANo.1さんを書き直しただけになってしまいましたが、

--------------------------------------------------------------------
<html>
<head>
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>radio</title>

<script type="text/javascript">
<!--
var city=['東京','大阪','福岡'];
function setVal(index) {
document.frm.name2.value=city[index-1];
document.frm.name3.value=city[index-1];
alert("hidden: "+document.frm.name3.value)
}
//--></script>
</head>

<body>
<form name="frm">
<input type="radio" name="name1" value="1"
onClick="setVal(this.value);" />
東京
<br />
<input type="radio" name="name1" value="2"
onClick="setVal(this.value);" />
大阪
<br />
<input type="radio" name="name1" value="3"
onClick="setVal(this.value);" />
福岡
<hr />
<br />
<input type="text" name="name2" value="" />
<input type="hidden" name="name3" value="" />
</form>
</body>
</html>

ANo.1さんを書き直しただけになってしまいましたが、

--------------------------------------------------------------------
<html>
<head>
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>radio</title>

<script type="text/javascript">
<!--
var city=['東京','大阪','福岡'];
function setVal(index) {
document.frm.name2.value=city[index-1];
document...続きを読む

Q【HTML&JavaScript】JavaScriptでのCSSの操作

【HTML&JavaScript】JavaScriptでのCSSの操作
みなさんはじめまして、kimama8と申します。
今回は、JavaScriptによるCSSの操作について聞きたいことがありましたので、
質問させていただきます。

div要素のCSSプロパティの一つ、visibilityプロパティをJavaScriptから操作するには、
どのようにすればよいのでしょうか?
「CSS JavaScript 操作」などと検索にかけても、自分に合う情報が得られなかったので
ここで質問させていただきます。
忙しいとは思いますが、よろしくお願いします。

Aベストアンサー

「JavaScript CSS visibility」で検索すると色々出てきましたよ。

http://javascript123.seesaa.net/article/103571862.html
これが判りやすいかな。

QダイアログでFORMのsubmit()

以下のようなhtmlを作成しました。
(1)external_link.html(メイン側)
<html>
<head>
<script>
<!--
function setForm(elem){
var childwin;
formid = document.forma;
document.form1.login.value = formid.login.value;
window.showModalDialog("dialog.html", this, "status:yes; resizable:yes;" );
}
// -->
</script>
</head>
<body>
<form name="forma">
<input type="hidden" name="login" value="login1">
<input type="button" name="login1" value="ダイアログいけ" onClick="setForm(this);">
</form>
<form name="form1">
<input type="hidden" name="login" value="">
</form>
</body>
</html>

(2)dialog.html
<html>
<head>
<script>
<!--
function setForm(){
var parentwin = window.dialogArguments;
var parentForm = parentwin.document.form1;
document.formx.login.value = parentForm.login.value;
document.formx.submit();
}
// -->
</script>
</head>
<body onLoad="setForm();">
<form action="http://host-name/servlet" method="POST" enctype="application/x-www-form-urlencoded" name="formx">
<input type="hidden" name="login" value="">
</form>
</body>
</html>

期待としては、このモーダルダイアログ上にサーブレットの実行結果が表示されることなのですが、何も実行されません。
でも、setForm()ファンクション上にalert("A");等をつけてやると
ダイアログではなく『別画面上に』サーブレット実行結果が表示されます。
モーダルダイアログ上にサーブレットの実行結果を表示する方法はありませんでしょうか。
よろしくご教示お願いします。

以下のようなhtmlを作成しました。
(1)external_link.html(メイン側)
<html>
<head>
<script>
<!--
function setForm(elem){
var childwin;
formid = document.forma;
document.form1.login.value = formid.login.value;
window.showModalDialog("dialog.html", this, "status:yes; resizable:yes;" );
}
// -->
</script>
</head>
<body>
<form name="forma">
<input type="hidden" name="login" value="login1">
<input type="button" name="login1" value="ダイアログいけ" onClick="setForm...続きを読む

Aベストアンサー

確か、showModalDialogで開いたWindowでは、簡単には、ページ遷移ができなかったように記憶しています。

解決方法は、以下を参考にしてみてください。

http://oshiete1.goo.ne.jp/kotaeru.php3?q=2269266
http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?forum=28&topic=22195


人気Q&Aランキング

おすすめ情報