テキスト入力フォームのあるページ「form.html」を作るにあたって、以下のようなことを実現したいのですが方法が分かりません・・。

<やりたいこと>
「form.html」にアクセスすると、フォームの中に文字列「A」が表示されていて、フォームの中をクリックして入力可能状態にすると「A」の文字は消えるようにしたい。

例えば以下のページの左上にあるSEARCHフォームのようにしたいのです。
http://www.cnn.com/feedback/
「SEARCH」と表示されたフォームの中をクリックすると「SEARCH」の文字は消えますよね。その後フォームの中の選択を外すと、再び「SEARCH」の文字が現れますが、これと同じ事を、複数行入力のテキストエリアで実現したいのです。

上記サイトの見様見真似で以下のように作ってみましたが、上手くいきませんでした↓

<TEXTAREA name="aaa" value="A"
onfocus="if(this.value=='A'){this.value='';}"
onblur="if(this.value==''){this.value='A';}">
</TEXTAREA>


<実行結果>

1.「form.html」にアクセスした時に「A」は表示されていない。
2.フォームの中をクリックして選択した後、再び選択を外すと、
「A」は表示される。

自分がしたいのは、上記の参考サイトのように初めから「A」を表示させていたいのです。

どうすればいいのでしょうか?
分かる方いらっしゃたら是非教えて下さい!

A 回答 (1件)

<TEXTAREA name="aaa" onfocus="if(this.value=='A'){this.value='';}" onblur="if(this.value==''){this.value='A';}">A</TEXTAREA>



お試しください。
    • good
    • 0

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

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

Qformタグのvalue="" に代入される文字列をsubmitボタン

formタグのvalue="" に代入される文字列をsubmitボタンが押されたときに
Javascriptでlocation.hrefで現在のURLを判定して
条件分岐してformタグのvalue="" に "A" や "B" といった
文字列を代入したいと考えてます。

現在下記のタグを書いているのですが、submitボタンが押されたときに
パラメータにvalueの値が代入されず、困ってます。。。

タグの記述に間違いがあると思うのですが、ご指摘いただけないでしょうか?

■現在のタグ
1.Javascript側

<script>
<!--
function check() {
if(location.href.startsWith('http://www.AAA.com/AAA/')){
document.exp.categoryII.value = "A";
}else if(location.href.startsWith('http://www.AAA.com/BBB/')){
document.exp.categoryII.value = "B";
}
return true;
}
// -->
</script>

2.formタグ側
<form onsubmit="return check()" name="exp" action="">
<input name="gen" value="6" type="hidden" />
<input name="categoryII" value="" type="hidden" />
<input name="button" value="検索" type="submit" />
</form>

よろしくお願い致します。

formタグのvalue="" に代入される文字列をsubmitボタンが押されたときに
Javascriptでlocation.hrefで現在のURLを判定して
条件分岐してformタグのvalue="" に "A" や "B" といった
文字列を代入したいと考えてます。

現在下記のタグを書いているのですが、submitボタンが押されたときに
パラメータにvalueの値が代入されず、困ってます。。。

タグの記述に間違いがあると思うのですが、ご指摘いただけないでしょうか?

■現在のタグ
1.Javascript側

<script>
<!--
function check() {
if(location.href.s...続きを読む

Aベストアンサー

> if(location.href.startsWith('http://www.AAA.com/AAA/')){

あれ?「startsWith」っていう関数はJavaScriptにありました?
if (location.href.indexOf('http://www.AAA.com/AAA/') == 0) {

> document.exp.categoryII.value = "A";

"exp"というformの名前がまずいと思います。Math.exp関数と名前が被っていますので。
"exp1"とかに変えて試してください。

QCGIフォームでのformタグとjavaでのformタグが重複して…

フォーム(CGI)で入力するするときに、カテゴリと言う項目を作って、プルダウンでそれぞれ大カテゴリ・中カテゴリ・小カテゴリと分けてそのカテゴリにあった項目を吐き出したいのですが、
ネットで調べましたら、JavaScriptで表示ができるとの事で、試行錯誤の結果、ちゃんと表示できるようになったのですが、CGIフォーム内でのformタグとjavaでのformタグが重複してプルダウン内のカテゴリが表示しなくなりました…。

私のやりたい方法としては、「教えて!goo」での投稿カテゴリーの様な方法(http://oshiete1.goo.ne.jp/oshiete_new.php3)でできればベストと考えております。

解決方法としてはどの様な方法がありますか?
皆さんお忙しいでしょうけど、ご教授下さい。

Aベストアンサー

こんにちは

例えばsel1の『C』がsel2までしか項目がないとすると対応するsel3プルダウンのリストはmenuI4とmenuV4なので

menuI4 = [ [ ] , [""] ];
menuV4 = [ [ ] , [""] ];

として

プルダウンを作るfunctionで(if(l == "sel2")の部分)

for (i=0; i<menuI[n].length; i++) {
document.form.sel3.options[i] = new Option(menuI[n][i],menuV[n][i]);
if(menuI[n][i] == "") { document.form.sel3.style.visibility = "hidden"; }
}

とすればO.K.でした

QJavaScript Form OPTION value

JavaScript初心者です。

FormとJavaScriptでしたいことがあるのですが、
知識がなくて困っています。わかる方いましたら
ご教授くださいm(_ _)m

(ショッピングカートの)フォームのオプション選択の
ドロップダウンメニューで、オプションを選択すると
それに反応して、その横に配置した画像を変える~
という事がしたいです。

以下のURLにサンプルを見つけて、これと同じことがしたい!
と思ったのですが…

■ドロップダウンメニューで画像が変わる(JavaScript)
http://www.mdn.co.jp/webcre/Tips/Vol12/js_imagechange02.html

このサンプルではフォームの OPTION value
に0などナンバリングをしておいて、Javascriptで

if(fname==0){document.imgsmp.src=img0.src;}

など数字を指定して読み込むようになっていますが、
自分の環境の場合、フォームのオプション選択ごとに
価格を変えるため、OPTION valueに、

OPTION value="グリーン,3000"

というようにオプション名と追加価格を記入しています。
こういった場合、どの用にしたらいいのでしょうか?

自分のフォームのソースの一部を以下に書きます。

--------------------Form-----------------------------

<INPUT type="hidden" class="select_erea" name="option_price_name" value="オプション名">
<SELECT name="option_price" size="15" >
<OPTION value="レッド,1000">レッド</OPTION>
<OPTION value="オレンジ,2000">オレンジ</OPTION>
<OPTION value="グリーン,3000">グリーン</OPTION>
</SELECT>

-----------------------------------------------------

質問も初めてなので、至らない点が多々あるかと思いますが、
よろしくお願いします。

JavaScript初心者です。

FormとJavaScriptでしたいことがあるのですが、
知識がなくて困っています。わかる方いましたら
ご教授くださいm(_ _)m

(ショッピングカートの)フォームのオプション選択の
ドロップダウンメニューで、オプションを選択すると
それに反応して、その横に配置した画像を変える~
という事がしたいです。

以下のURLにサンプルを見つけて、これと同じことがしたい!
と思ったのですが…

■ドロップダウンメニューで画像が変わる(JavaScript)
http://www.mdn.co.jp/webcre...続きを読む

Aベストアンサー

とりあえず、そのサンプルのまま とするなら

fname=parts.options[parts.selectedIndex].value;



fname=parts.selectedIndex;

と変えるだけで使えます。
valueに関係なくOptionリストの上から順に、
0,1,2,3,4・・・の番号です。

そのサンプルもう少し整えた方が良いと思いますけど。

Qjspでformのvalueを取得。

現在、jspとjavascriptを組み合わせたプログラムを組んでいます。

jsp内のフォームから入力した文字列をjavascriptから参照して変換、
変換後の文字列をjspで再取得、
再取得した文字列をjsp内で操作(DBへの登録とprintでの画面への表示)
という流れの操作をしたいと考えています。

javascriptでjspのフォームの内容を参照して操作する方法は
グーグルで調べて分かったのですが、
(document.getElementById('id').value)

jspで、jspのフォームの外からフォーム内の内容を参照する方法が分かりません。

尚、フォームのあるjspと変換後の文字列を受け取るjspは同じプログラムになりますので、
formによる別プログラムへの送信は使えません。

よろしくお願いします。

Aベストアンサー

こんにちは。

クライアントで動くJavaScriptとサーバ側で動くjspの動きを一度整理したほうが良いと思います。

jspはあくまでサーバ側で動かす言語になりクライアントに返される結果は単純なHTMLになります。

jspで変換された文字を処理したいのであれば一度送信するしかありません。

入力された内容をJavaScriptにて変換してjsp(サーバ側)へ送信
送信された内容(JavaScriptによって変換されたもの)をリクエストから取得し、DBへ登録と画面に表示

こんな流れだと思います。
なんにせよDBへの登録処理がサーバ側でないと出来ません。

QJquery a href="javascript:名前('.$データ.')">の方法でString(文字)を渡す方法

一部不備ありましたので、再度質問です。。
すみません
初めまして、jqueryを勉強し始めている初心者です。。
a href="javascript:名前('.$データ.')">の方法で
データにString(文字)を持たせ、JQUERYを利用して、別のphpファイル(testo2.php)に値を渡し、
そのphpファイル(testo2.php)そのloadで読みたいのですが、うまくいきません
この方法ではできないのでしょうか?
このa href="javascript:名前('.$String型.')の方法を何とか
利用したいと思ってますので、ご存知の方いましたら、
教えていただけないでしょうか。。。?
また別方法があれが教えていただけないでしょうか?
(input hidden 等以外のa href="javascript:名前('.$String型.')的な方法)
何度もすみません。。。
何ぶん、勉強初めて、1ヶ月弱のため、不備等がれば、すみません。
環境、jquery1.4, PHP5.0, eclipse3.5


//-----testo1.php
<html>
<head>
<script type="text/javascript" src="jquery1.4.js"></script>
<script type="text/javascript" src="tes.js"></script>
<title></title>
</head>
<body>
<?php
//$id=1;(数字)の場合は値はわたせる、String 型の値の渡し方
//<a href="javascript:名前('.$文字列(String型).')">前のページ</a>
//でJQUERYを利用して、別のphpファイル(testo2.php)にを渡し
//loadで読みたい。
$id='文字列aaa';
<a href="javascript:value('.$id.')">前のページ</a>
?>
<div id="box">ここに値を表示したい</div>
</body></html>

//----tes.js
function value(id)
{$("#box").load("php/tt.php",{id:id});}

//------testo2.php
<html>
<head>
<script type="text/javascript" src="jquery1.4.js"></script>
<script type="text/javascript" src="tes.js"></script>
<title></title>
</head>
<body>
<?php
echo $_POST['id'];//文字列String型を受けたい。
?>
</body></html>

一部不備ありましたので、再度質問です。。
すみません
初めまして、jqueryを勉強し始めている初心者です。。
a href="javascript:名前('.$データ.')">の方法で
データにString(文字)を持たせ、JQUERYを利用して、別のphpファイル(testo2.php)に値を渡し、
そのphpファイル(testo2.php)そのloadで読みたいのですが、うまくいきません
この方法ではできないのでしょうか?
このa href="javascript:名前('.$String型.')の方法を何とか
利用したいと思ってますので、ご存知の方いましたら、
教えていた...続きを読む

Aベストアンサー

よく見ると、tes.jsのjavascriptも間違ってます。
function value(id)
{$("#box").load("php/testo2.php",{id:id});}
でしょう。

何か、意図してることが、さっぱりわかりません。


人気Q&Aランキング

おすすめ情報