【ティラノビルダー】名前入力・テキスト入力時にデフォルト名を表示する方法
①テキストボックスが1つの場合
(1)変数の登録
変数の名前をfull_name、初期値を山田太郎としました。
(2)テキスト入力コンポーネントの設定
テキスト入力コンポーネントの代入変数の項目に、変数の名前を指定します。テキストボックスの位置・大きさも指定します。
(3)iscriptコンポーネントの設定
iscriptコンポーネントに下記のコードを貼り付けます。
$(".text_box").val(f.full_name);
変数の名前の前に、f.を付けます。
今回は、変数の名前がfull_nameなので、f.full_nameとなります。
プレビューで確認し、表示されれば完了です。
②テキストボックスが2つの場合
(1)変数の登録
1つ目の変数の名前をlast_name、初期値を山田としました。
2つ目の変数の名前をfirst_name、初期値を太郎としました。
(2)テキスト入力コンポーネントの設定
テキスト入力コンポーネントの代入変数の項目に、変数の名前を指定します。テキストボックスの位置・大きさも指定します。
(3)iscriptコンポーネントの設定
iscriptコンポーネントに下記のコードを貼り付けます。
$(".text_box").eq(0).val(f.last_name);
$(".text_box").eq(1).val(f.first_name);
1つ目のテキストボックスをeq(0)、2つ目のテキストボックスをeq(1)で指定します。
変数の名前の前に、f.を付けます。
1つ目の変数の名前がlast_nameなので、f.last_nameとなります。
2つ目の変数の名前がfirst_nameなので、f.first_nameとなります。
プレビューで確認し、表示されれば完了です。
以上で解説を終わります。おつかれさまでした。