お世話になります。
下記は、実行ボタン押下前(①)と押下後(②)のフォームのイメージ図になります。
動作としては、[テキストボックス1]に検索ワードを入力し、【実行ボタン】を押すと、マスターファイルから検索ワードが含まれる行を抽出して、配列に格納していき、得られた要素を現在表示しているページにテキストボックスを作成し表示、さらに結果の隣にボタンを表示したいのですが、
スクリプトからテキストボックスやボタンなどのフォームの生成をするにはどうすればよいのでしょうか?
予め、テキストボックスやボタンを用意しておき、そこへ結果を代入していくというやり方ならできるのですが、フォームを新たに作成し、そこへ結果を入力していくというやり方がわからないのです。
VBScriptでもjavascriptでも構いませんので、よろしくお願いします。
①実行ボタン押下前の状態
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[テキストボックス1]
【実行ボタン】【クリアボタン】【終了ボタン】
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
↓
②実行ボタン押下後の状態
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[テキストボックス1]
【実行ボタン】【クリアボタン】【終了ボタン】
[テキストボックス2(要素1の内容)]【ボタン1】
[テキストボックス3(要素2の内容)]【ボタン2】
・
・
・
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
No.1ベストアンサー
- 回答日時:
JavaScriptになりますが、以下でどうでしょう。
id="aaa"のdivタグ部分にid="bbb"のテキストとボタンを追加し、テキストに文字を入れています。
-----------------------------------
<!DOCTYPE html>
<html>
<head>
<title>テスト</title>
<script type="text/javascript">
// 追加
function addText(){
var str;
var fm;
str = "要素1";
// id="aaa"部分に追加するパーツ
fm = '<input type="text" id="bbb"><input type="button" value="ボタン">';
// テキスト枠とボタンを追加
document.getElementById("aaa").innerHTML = fm;
// テキストに文字をいれる
document.getElementById("bbb").value = str;
}
// 削除
function delText(){
document.getElementById("aaa").innerHTML = "";
}
</script>
</head>
<body>
<input type="button" onclick='addText()' value="追加">
<input type="button" onclick='delText()' value="削除">
<BR>
<div id="aaa"></div>
</body>
</html>
ありがとうございました。
変数にHTMLタグを入れるという発想がありませんでした。
それでも有効なんですね。
あとは配列の分だけ変数にHTMLタグを格納していけばいいのですね
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) アクセス 意図せずサブプロシージャを移動してしまうのを止めたい 1 2022/09/02 09:19
- Visual Basic(VBA) VB.net フォーム 親子 1 2022/07/04 19:00
- Visual Basic(VBA) visual basic初心者です。 visual studioで電卓を作成しています。 実行時にテ 1 2023/02/08 00:18
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- Access(アクセス) Access IF文でテーブルに存在しない場合の処理について 2 2022/10/10 18:09
- Visual Basic(VBA) 検索のユーザーフォームの表示について 1 2023/03/27 23:31
- Visual Basic(VBA) ユーザーフォーム「frm_基本❶」を立ち上げると新規で入力する行数を右下のNoとして表示しています。 1 2023/03/16 19:02
- Access(アクセス) テキストボックスの値をテーブルに入力したい 2 2022/06/28 12:08
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
C# VBAで言うexit subについて
-
マウスのボタン判定について
-
Ctrlキーを押しながらのダブル...
-
SPREADでカーソルの位置を1行目...
-
コマンドボタンをキーボードで操作
-
一度しか押せないボタンについて
-
スクリプトによって、htaアプリ...
-
C# ボタンを押すとyahooのサイ...
-
ロストフォーカスイベントとそ...
-
ブラウザの×ボタン判定
-
最小化ボタン
-
ブラウザの×ボタン(閉じるボタ...
-
javascriptでボタンが押下され...
-
VBのこのコードの意味を教えて...
-
ボタンを押すと、テキストエリ...
-
VB.netでボリュームレベルメー...
-
DVDの中身が表示されません。
-
Cookie認証 方法
-
HTMLだけでボタン作成
-
ログインフラグがわかりません。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
DataGridViewのチェックボック...
-
VBAで一時中断したプログラムの...
-
c# 文字列の最後から1文字削除...
-
Eclipseでクリーンが出来ない
-
グリッドビューでのチェックボ...
-
JSPでメッセージボックスを表示...
-
EXCEL2010でセルが編集中かを判...
-
ブラウザの×ボタン(閉じるボタ...
-
VBのこのコードの意味を教えて...
-
最大化ボタンと最小化ボタンを...
-
VC++ MFC CListCtrlで、ボタン...
-
Fancyboxのiframe内に閉じるボタン
-
CheckBoxをボタン形式にして押...
-
【C#】 : WindowsProgramming ...
-
エクセルにカウンターを設置したい
-
SPREADでカーソルの位置を1行目...
-
メール添付されたPDFファイルが...
-
Spread.NETの行削除について
-
初期状態に戻す方法
-
C# Enterキーの動作について
おすすめ情報