フォームのプルダウンで選択した内容を、テキストボックスへ自動的に反映させる方法はありますか?ラジオボタンからOnclickを使う方法はわかるのですが…。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

<HTML>


<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
function FuncSetText()
{
var frm=document.forms[0];
var idx = frm.cmb.selectedIndex;
if (-1 != idx)
frm.txt.value = frm.cmb.options[idx].text;
}
</SCRIPT></HEAD>
<BODY>
<FORM NAME="thisform" METHOD="POST">
<CENTER>
<SELECT NAME="cmb" onChange="FuncSetText()">
<OPTION VALUE="1">AAA</OPTION>
<OPTION VALUE="2">BBB</OPTION>
<OPTION VALUE="3">CCC</OPTION>
<OPTION VALUE="4">DDD</OPTION>
</SELECT><INPUT TYPE="TEXT" NAME="txt"></CENTER>
</FORM>
</BODY>
</HTML>
    • good
    • 0

以下のページにサンプルがあります。



参考URL:http://www.ueda.info.waseda.ac.jp/~gaku/js/
    • good
    • 0
この回答へのお礼

早速のご回答、ありがとうございました。解決しました。

お礼日時:-0001/11/30 00:00

selectのonchangeイベントを使います。

    • good
    • 0
この回答へのお礼

早速のご回答、ありがとうございました。解決しました。

お礼日時:-0001/11/30 00:00

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

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

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

Qエクセルにプルダウンメニュー

エクセルにプルダウンメニューの作成方法を教えて下さい。

Aベストアンサー

メニュー[データ]-[入力規則]-[リスト]で設定できます。

参考URL:http://www2.odn.ne.jp/excel/waza/validation.html#SEC1

Qラジオボタンとテキストボックスで、ボタン選択時のテキストボックスの入力チェックするにはどうしたらよいでしょうか?

ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか?

以下はそのhtmlソースになります。

<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td><input type="radio" name="addsearch" value="検索エンジン" id="p1"></td>
<td colspan="2"><label for="p1"><span class="stress2">検索エンジン</span></label></td>
</tr>
<tr>
<td></td>
<td>検索エンジン名</td>
<td><INPUT TYPE=text NAME="addsearch1" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="ご紹介で" id="p2"></td>
<td colspan="2"><label for="p2"><span class="stress2">ご紹介で</span></label></td>
</tr>
<tr>
<td></td>
<td>ご紹介者のお名前をおしえてください。</td>
<td><INPUT TYPE=text NAME="addsearch2" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="広告を見て" id="p3"></td>
<td colspan="2"><label for="p3"><span class="stress2">広告を見て</span></label></td>
</tr>
<tr>
<td></td>
<td>どこの広告ですか?</td>
<td><INPUT TYPE=text NAME="addsearch3" VALUE="" SIZE=40></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="その他" id="p4"></td>
<td colspan="2"><label for="p4"><span class="stress2">その他</span></label></td>
</tr>
<tr>
<td></td>
<td>具体的にお願いします。</td>
<td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40></td>
</tr>
</table>

よろしくおねがいいたします。

ラジオボタンとテキストボックスの組合わせで使用し、ラジオボタン選択時のテキストボックスの入力チェックをするにはどうしたらよいのでしょうか?

以下はそのhtmlソースになります。

<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td><input type="radio" name="addsearch" value="検索エンジン" id="p1"></td>
<td colspan="2"><label for="p1"><span class="stress2">検索エンジン</span></label></td>
</tr>
<tr>
<td></td>
<td>検索エンジン名</td>
<td><INPUT TYPE=text NAME="...続きを読む

Aベストアンサー

ちょっとはしょっちゃいましたがこんなんで
どうでしょ?

<form>
<table border="1">
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,1)"></td>
<td colspan="2">検索エンジン</td>
</tr>
<tr>
<td><br></td>
<td>検索エンジン名</td>
<td>
<INPUT TYPE=text NAME="addsearch1" SIZE=40 onFocus="checkRadio(this,0)">
</td>
</tr>
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,2)"></td>
<td colspan="2">ご紹介で</td>
</tr>
<tr>
<td><br></td>
<td>ご紹介者のお名前をおしえてください。</td>
<td><INPUT TYPE=text NAME="addsearch2" SIZE=40 onFocus="checkRadio(this,1)"></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" id="p3" onClick="focusText(this,3)"></td>
<td colspan="2">広告を見て</td>
</tr>
<tr>
<td><br></td>
<td>どこの広告ですか?</td>
<td><INPUT TYPE=text NAME="addsearch3" SIZE=40 onFocus="checkRadio(this,2)"></td>
</tr>
<tr>
<td><input type="radio" name="addsearch" value="その他" id="p4" onClick="focusText(this,4)"></td>
<td colspan="2">その他</td>
</tr>
<tr>
<td><br></td>
<td>具体的にお願いします。</td>
<td><INPUT TYPE=text NAME="addsearch4" VALUE="" SIZE=40 onFocus="checkRadio(this,3)"></td>
</tr>
</table>
</form>

<script language=javascript>
function checkRadio(num,n){
num.form.addsearch[n].checked=true
}
function focusText(num,n){
num.form.elements["addsearch"+n].focus()
}
</script>

ちょっとはしょっちゃいましたがこんなんで
どうでしょ?

<form>
<table border="1">
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,1)"></td>
<td colspan="2">検索エンジン</td>
</tr>
<tr>
<td><br></td>
<td>検索エンジン名</td>
<td>
<INPUT TYPE=text NAME="addsearch1" SIZE=40 onFocus="checkRadio(this,0)">
</td>
</tr>
<tr>
<td><input type="radio" name="addsearch" onClick="focusText(this,2)"></td>
<td colspan="2">ご紹介で</td>
</tr>
<tr>
<...続きを読む

Qエクセルのプルダウンで数字の後ろの英語を入れて・

エクセルのプルダウンで数字の後ろの英語を入れて、
プルダウンをすると、数字が増えません。
(例)
83559oewe
83559oewe
83559oewe
83559oewe
83559oewe




そうではなく、下記のようにしたいのですが
(以前のエクセル2003では出来ていた)
83559oewe
83560oewe
83561oewe
83562oewe
83563oewe




どこの設定を変更したら行けますでしょうか?

Aベストアンサー

Ctrlキーを押しながらやってみてください。
だめなら、83559oeweと83560oeweを記入してから、83559oeweと83560oeweを選んで、下にドラッグコピーしてみてください。

QIEにおけるプルダウン、テキストボックスの限界値

1つのHTMLにおいてプルダウンやテキストボックスを事実上いくつまで許されるのでしょうか?
試しに100個ほどプルダウンを書くと、まずファイルを開く時にかなり時間がかかり、画面のスクロールでもスクロールにプルダウンがついてこない感じで画面が崩れます。テキストボックスではプルダウンほどではないのですが、このようなオブジェクトの定義の限界値ってどれくらいなのでしょうか?

わかりにくい質問でスミマセン。

Aベストアンサー

ユーザビリティーはともかくとして、
1つのセレクトフォームにセットできる値(行数)が
WinIE6では24ビットの1億6777万か、32ビットの42億9千万くらいだったと思いますので、
フォームエレメントの数もそのくらいなら大丈夫だと思います。

メモリ不足で落ちても知りませんので、テストするならそれなりの高スペックのパソコンをご用意下さい。

Qエクセルのプルダウン設定について

エクセルのプルダウン設定について質問です。
(オートフィルタではなく、入力規則のプルダウン)

例えば、デスクトップからスタート→プログラム→Internet のように
エクセルのプルダウンも2段階(大項目→小項目)にわけて設定することはできるのでしょうか?

どなたか教えてくださーい!

Aベストアンサー

時々出る質問です。
http://okwave.jp/kotaeru.php3?q=670969
の回答などご覧ください。「入力規則」「多段」でOKWAVEを検索しました。
(可変)範囲名を使った、良い回答がありましたが、「入力規則」にプラスするキーワードが判らず、私の回答を参考に上げます。

Qプルダウン(リストボックス)の最大選択個数

リストボックスの「▼」ボタンを押下した際に一度に表示される項目数(スクロールさせないで一度に可視できる項目数)を11個以上(数指定)にすることは可能でしょうか?

私が調べました所、そのような属性は無いようなのですが、何か方法がありますでしょうか?

HTML(開発はASP)の仕様で不可能であれば仕方がないのですが・・・

Aベストアンサー

無理みたいですね・・・。

一応、CSS で height:100px; とか overflow:visible; を試してみましたが効果はありませんでした。

また、ブラウザを小さく表示してみて思ったのですが、
プルダウンリストがウィンドの外まで出て表示されるので、ブラウザの仕掛けとして操作できないのではないかと思います。

尚、項目数が11個なのは IE の場合で、
Mozilla, Firefox では17個で Opera では28個で Sleipnir は30個でした。

Q入れ子のプルダウン?孫プルダウン?を作成したい

入れ子のプルダウン?孫プルダウン?を作成したい
HTMLで画像のようにリストのリスト(入れ子のリスト?孫リスト)
を作成したいのですがどうすればいいのでしょうか
プログラムコードも載せて頂きたいです。

例(プルダウンのプルダウンを作成したい)
 東京
   →渋谷
    新宿
    品川
 大阪
 名古屋
 福岡

Aベストアンサー

参照URLでは、JavaScriptを使わずにクールな多段メニューを紹介しています

参考URL:http://journal.mycom.co.jp/articles/2010/03/24/css/index.html

Q当日の日付をプルダウンメニューに反映させたい

HTMLフォームにプルダウンメニューで日付を入力するようにしたい。月と日、通常なら1~12月と1~31日のプルダウンを作れば良いが初期値が1月1日になってしまいます。出来れば当日の日付を初期値にできるようにできないでしょうか?例えば本日なら4月25日が初期値になっている感じです。お願いします。

Aベストアンサー

JavaScriptとか使えば出来ますね。
暇つぶしに作ってみました。

<HTML>
<BODY onLoad="toDay(document.date)">
<SCRIPT LANGUAGE=JavaScript>
<!--
function weekDay(y,m,d)
{// 曜日を求めます。
if ( m < 3 ){
y -- ;
m += 12 ;
}
return (y+Math.floor(y/4)-Math.floor(y/100)+Math.floor(y/400)+Math.floor((m*13+8)/5)+d)%7 ;
}
function maxDay(y,m)
{// 最大日数を求めます。
s = weekDay(y,m,1);
if ( m == 12 ){
y ++ ;
m = 1 ;
} else {
m ++ ;
}
e = weekDay(y,m,1);
if ( e >= s ){
return 28+e-s ;
} else {
return 35+e-s ;
}
}
function changeDay(f)
{// 日付を更新します。
var y = eval(f.year.value);
var m = eval(f.month.selectedIndex+1);
var d = eval(f.day.selectedIndex+1);
var maxd = maxDay(y,m);
if ( d > maxd ){
d = maxd ;
f.day.selectedIndex = d-1 ;
}
f.day.options.length = maxd ;
var i ;
for (i=28 ;i<maxd ;i++){
f.day.options[i].text = i+1 ;
}
f.week.selectedIndex = weekDay(y,m,d);
return false ;
}
function toDay(f)
{// 今日の日付に設定します。
dt = new Date();
f.year.value = y = dt.getFullYear();
f.month.selectedIndex = m = dt.getMonth();
f.day.selectedIndex = d = dt.getDate()-1;
changeDay(f);
}
// -->
</SCRIPT>
<FORM NAME=date>
西暦
<INPUT NAME=year SIZE=4 onChange="changeDay(this.form)">

<SELECT NAME=month onChange="changeDay(this.form)">
<OPTION>1<OPTION>2<OPTION>3<OPTION>4<OPTION>5
<OPTION>6<OPTION>7<OPTION>8<OPTION>9<OPTION>10<OPTION>11<OPTION>12</SELECT>

<SELECT NAME=day onChange="changeDay(this.form)">
<OPTION>1<OPTION>2<OPTION>3<OPTION>4<OPTION>5
<OPTION>6<OPTION>7<OPTION>8<OPTION>9<OPTION>10
<OPTION>11<OPTION>12<OPTION>13<OPTION>14<OPTION>15<OPTION>16<OPTION>17<OPTION>18<OPTION>19<OPTION>20
<OPTION>21<OPTION>22<OPTION>23<OPTION>24<OPTION>25<OPTION>26<OPTION>27<OPTION>28<OPTION>29<OPTION>30
<OPTION>31
</SELECT>

<SELECT NAME=week disabled>
<OPTION>日曜日<OPTION>月曜日<OPTION>火曜日<OPTION>水曜日<OPTION>木曜日<OPTION>金曜日<OPTION>土曜日</SELECT>
</FORM>
</BODY>
</HTML>

JavaScriptとか使えば出来ますね。
暇つぶしに作ってみました。

<HTML>
<BODY onLoad="toDay(document.date)">
<SCRIPT LANGUAGE=JavaScript>
<!--
function weekDay(y,m,d)
{// 曜日を求めます。
if ( m < 3 ){
y -- ;
m += 12 ;
}
return (y+Math.floor(y/4)-Math.floor(y/100)+Math.floor(y/400)+Math.floor((m*13+8)/5)+d)%7 ;
}
function maxDay(y,m)
{// 最大日数を求めます。
s = weekDay(y,m,1);
if ( m == 12 ){
y ++ ;
m = 1 ;
} else {
m ++ ;
}
e = weekDay(y,m,1);
if ( ...続きを読む

Qエクセル プルダウン(入力規則)選択後、ソートする方法

Office2003のエクセルを使用しているものです。

ある商品マスタデータをエクセルで整理する業務を行っております。

あるプルダウンが選択されたら、次のプルダウンには前に選択されたプルダウンのキーワードに紐づく値がソートされたものを表示させることがしたいです。

つまり例を挙げますと、プルダウン
大ジャンル選択後、その大ジャンルに紐づく中ジャンルデータがプルダウンにセットされ、さらにある中ジャンル選択後、大ジャンル-中ジャンルに紐づく小ジャンルがソートされて表示する。

下記URLのことをのセルに記入したデータを使ってエクセル上で行いたいです。
http://www.jkcf.or.jp/bookman/php/usr/usr_group_search.php?lang_type=J

VBAは一応わかります。

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

Aベストアンサー

こんばんは。

簡単に作る方法は、AdvancedFilter を使えばよいです。
大分類、中分類、小分類 それぞれ列に項目を作っておいて、

ComboBox やダウンリストで、出力し、それを、Criteria に入れて、後は、クリックボタンで、AdvancedFilter を実行すれば出てくるはずです。

最初から、マクロで検索をしたら、かなり面倒だと思います。
ただし、どちらかというと、データベースですね。

Q2つのプルダウンボックスの連動について

<SELECT><OPTION></OPTION></SELECT>タグで作るプルダウンボックスについて質問です。
AとBの二つのプルダウンボックスを設置し、Aで選択された項目に合わせて、Bの表示項目を変更させたいと思っています。

この2つのプルダウンボックスを連動させる方法について、JAVAスクリプトを使った方法を知りましたが、利用者がブラウザでJAVAを切っていた場合は正常に機能しないのでしょうか?

利用者がブラウザでJAVAを切っていた場合にも対応できる連動の方法があればぜひ教えてください。

Aベストアンサー

>JAVAスクリプトが切れていた場合に、違うプルダウンボックスを表示する方法はありますでしょうか?

<noscript></noscript>の中に入れてしまうとか・・・


人気Q&Aランキング

おすすめ情報