見出し画像

【ティラノビルダー】名前入力・テキスト入力時にデフォルト名を表示する方法

①テキストボックスが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となります。

プレビューで確認し、表示されれば完了です。

以上で解説を終わります。おつかれさまでした。