いつもお世話になっております。
プログラム初心者ですが、どうしても方法がわからないので質問させていただきます。
サーバー側 ASP(VBS) クライアント側 html javascriptで作成しているのですが、
プルダウンを選択すると、そのテーブルの列にある値をテキストボックスにいれたいと思っています。
例えば、以下のようなテーブルがあって、
法人コード | 会社コード | 法人名
------------------------------
1 | aa | トヨタ
------------------------------
2 | bb | ニッサン
------------------------------
3 | cc | ホンダ
データベースから読み込んで、法人コードをプルダウンにセットします。
プルダウンが選択されると、その列の会社コードと法人名をテキストエリアに出力したいと思います。
※例 法人コード「1」をプルダウンで選択すると、「aa」と「トヨタ」がテキストエリアに表示される。
連動プルダウンで、直接option value部分に書けばできそうですが、
データの量が膨大な為、直接コードに書くのは難しそうです。
form action で、1度別のベージに飛ばして、
そこで、SQL文にて、法人コードを条件にして出力しようともしましたが、
全体がformで囲まれているので、formの入れ子になりできませんでした。
おそらくjavascriptで、select部分で、onchange="Selc(this)"とすれば、
その処理を行うと思うのですが、処理自体の書き方がわかりません。
プルダウン部分に法人コード一覧を表示させることは、できましたが、
その後の処理の書き方がわかりませんので、
ご存知の方がいらっしゃいましたら、ご回答宜しくお願いします。
一部ソースを載せます。
<%
' データベース接続の確立
Set Conn = ConnectDB(DSN)
' 法人マスタテーブルから値を取得
SQL = "Select 法人コード,会社コード,法人名称 From 法人マスタ ORDER BY 法人コード"
Set Rs = ExecSql(Conn, SQL)
%>
<tr class="example">
<td style="width:300px; text-align:left; background-color: #00ff00;">
<b>法人コード</b>
</td>
<td>
<select name = "houjin">
<option value=""/>--------法人コード選択--------</option>
<%
While Not Rs.EOF
Response.Write"<option value=""" & Rs("法人コード") & """>" & Rs("法人コード") & " " & "</option>"
Rs.MoveNext
Wend
%>
</select>
</td>
</tr>
<tr class="example">
<td style="width:300px; text-align:left; background-color: #00ff00;">
<b>会社コード</b>
</td>
<td>
<textarea name="kaisya" style="width:100%" rows=1 class="textbox"></textarea>
</td>
</tr>
<tr class="example">
<td style="width:300px; text-align:left; background-color: #00ff00;">
<b>法人名</b>
</td>
<td>
<textarea name="hmei" style="width:100%" rows=1 class="textbox"></textarea>
</td>
</tr>
どうぞよろしくお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
どのくらいの数なのか不明ですが…
>直接option value部分に書けばできそうですが、
>データの量が膨大な為、直接コードに書くのは難しそうです
それだけ種類が多いのであれば、一つのセレクトで選択させるというUIそのものが問題ではないのでしょうか?
入力コードをサーバーに送信してDBからレコードを得たいのであれば、ajaxあたりをキーにググればいろいろと見つかると思います。
数が少なければ、最初にスクリプトに全データを渡して、あとはクライアント側で処理してしまうという方が簡単です。
ご質問の内容なら、数が1000くらいあってもデータ量として100kbにはならないくらいでしょうから。
一方で、1000個もあるプルダウンを操作するなんてとても私には考えられません。
この回答への補足
丁寧なご説明ありがとうございます。
ajaxを検索してみましたが、PHPを使用しているものが多くて、PHPを勉強したことのない私には理解できませんでした。
最初にスクリプトに全データを渡して、クライアント側で処理ということですが、意味はわかるのですが、どういう方法で行えばいいかが、全然思いつきません。
お手数でなければ、参考になるサイト等教えていただければ助かります。
どうぞ宜しくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
このQ&Aを見た人はこんなQ&Aも見ています
-
外出時に「待たせる妻」vs イライラする「待つ夫」は日本だけ?見習いたい海外事情
夫の家事参加に積極的なイメージのある海外でも、同様の事例はあるのか。結婚カウンセラーの佐竹悦子さんに伺ってみた。
-
プルダウンメニューにDBの内容を表示させる
PHP
-
JSPで<SELECT>の中にDBから持ってきたデータを反映させたい
Java
-
javaでDBから取得したデータのJSP表示
Java
-
-
4
リクエストに応じたselectedの初期値設定方法
Java
-
5
MySQL のデータからドロップダウンリストを作りたい
MySQL
-
6
JSPでのリストボックス表示
Java
-
7
フォーム上で押されたボタンによってサーブレットの処理を変えたい
Java
-
8
javascriptでセレクトボックスのselected"を動的につ"
JavaScript
-
9
getParameterで値が取得できず、困ってます
HTML・CSS
-
10
連動させたいセレクトボックスについて。
PHP
-
11
java / jsp selectedについて
Java
-
12
<input>の選択肢をプルダウンメニューから受け取り、hiddenで
JavaScript
-
13
プルダウンメニューの値をDBに格納する
PHP
-
14
SQLデータベースの処理
MySQL
-
15
MySQLでデータベースにデータinsert時のエラー。
Java
-
16
正しいURL指定しているにもかかわらずJSPファイルにアクセスできず「404エラー」が発生
Java
-
17
Selectの中身をfor文で入れる
JavaScript
-
18
dbに登録したデータをphpのプルダウンに表したい
PHP
-
19
Javaで改行などが出来ないのです。
Java
-
20
[ASP.NET]DropDownListのDB連携のやり方。
Microsoft ASP
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンク色の変更
-
tableの任意行にfocusをあてる
-
TD内のチェックボックスの位置...
-
ラジオボタンとセルの連動
-
特定<table>内の<td>の色を変える
-
テーブルの変数について
-
JavaScriptで特定のtdタグにcla...
-
セルをドラッグで選択するときに、
-
ハイパーリンクを別ウインドウ...
-
PERL
-
JQueryでクリックされた文字を...
-
一覧から選択した行の行番号を...
-
netscapeでもinnerTextやinnner...
-
JavaScriptでテーブルをクリッ...
-
階層式メニューをtableタグ内に
-
【UWSC】HTML内のある部分を抽...
-
JavaScriptでテーブルの行入れ替え
-
return trueとreturn falseの用...
-
テキストボックス入力を半角英...
-
onClick="this.form.submit
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jsで質問です。 displayプロパ...
-
javascriptで質問です。 displa...
-
ハイパーリンクを別ウインドウ...
-
JavaScriptで特定のtdタグにcla...
-
プルダウンで選択すると、DBの...
-
一覧から選択した行の行番号を...
-
tableの任意行にfocusをあてる
-
至急!GetElementById でtdの...
-
特定<table>内の<td>の色を変える
-
マウスをブラウザの外に出した...
-
添付画像のようなhtmlとcssのス...
-
スクロールバーの表示位置を変...
-
クリックされた罫表セルの行番...
-
チェックボックスにチェックが...
-
JavaScriptでテーブルの行入れ替え
-
HTML中のTABLEのデータを抽出す...
-
jquery datatablesを使用 イン...
-
JavaScriptでテーブルをクリッ...
-
階層式メニューをtableタグ内に
-
マウスオーバー時テーブルの背...
おすすめ情報