# 『文字列フィールドの値を自作したテキストボックスにコピーする方法』

**URL:** <https://community.cybozu.dev/t/topic/2473>\
**Category:** kintone 開発相談\
**Created:** [2016 年 3 月 9 日午前 6:47 UTC](https://community.cybozu.dev/t/topic/2473 "2016-03-09T06:47:32Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account147](https://avatars.discourse-cdn.com/v4/letter/l/35a633/32.png) [@Legacy\_Account147](https://community.cybozu.dev/u/Legacy_Account147)\
**Post date:** [2016 年 3 月 9 日午前 6:47 UTC](https://community.cybozu.dev/t/topic/2473/1 "2016-03-09T06:47:32Z")

</div>

はじめまして。

今回は『文字列フィールドの値を自作したテキストボックスにコピーする方法』を教えて頂きたく、  
投稿致しました。

追加画面と詳細画面において  
文字列フィールドに入力されている値を自作のテキストボックスに自動でコピーされるようにしたいと思っております。

JSでテキストボックスに初期値を入れることはできたのですが、  
文字列フィールドの値をコピーして表示させることができず困っております。

var mySpaceFieldButton = document.createElement(‘button’);  
var mySpaceFieldInputBox = document.createElement(‘input’);  
mySpaceFieldInputBox.id = “input\_id”;  
mySpaceFieldButton.innerHTML = ‘取得’;  
mySpaceFieldInputBox.value = ‘※ここに文字列フィールドの値を表示したいです※’;

『文字列フィールドの値を自作したテキストボックスにコピーする方法』を  
ご存知の方がいらっしゃいましたらご教授頂けますと幸いです。

それでは、皆様のお力添えをお待ちしております。  
よろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2115](https://avatars.discourse-cdn.com/v4/letter/l/e9bcb4/32.png) [@Legacy\_Account2115](https://community.cybozu.dev/u/Legacy_Account2115)\
**Post date:** [2016 年 3 月 10 日午前 5:04 UTC](https://community.cybozu.dev/t/topic/2473/2 "2016-03-10T05:04:11Z")

</div>

大西さん

[こちら](https://community.cybozu.dev/hc/ja/articles/202086734)のTipsにあるように、レコードの値を取得するのは

```
var record = event.record;
var value = ["fieldCode"].value;

```

のようにして取得できるため、

```
mySpaceFieldInputBox.value = event.record[fieldCode].value;

```

のようにすればテキストボックスに値をコピーすることができます。

また、コードを見る限りボタンのクリック時にコピーしたいようなので、その場合は

```
mySpaceFieldButton.addEventListener("click", function(e) {
var record = kintone.app.record.get().record;
mySpaceFieldInputBox.value = record[fieldCode].value;
});

```

のようにすれば実装できます。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account147](https://avatars.discourse-cdn.com/v4/letter/l/35a633/32.png) [@Legacy\_Account147](https://community.cybozu.dev/u/Legacy_Account147)\
**Post date:** [2016 年 3 月 11 日午前 8:43 UTC](https://community.cybozu.dev/t/topic/2473/3 "2016-03-11T08:43:10Z")

</div>

瀧ヶ平さん

ご教授頂き、誠にありがとうございます。

瀧ヶ平さんに教えて頂いた内容をJSに加えてみます！