# JavaScriptで動的に作成したフォームの値でレコードを作成したい。

**URL:** <https://community.cybozu.dev/t/topic/282>\
**Category:** kintone 開発相談\
**Created:** [2017 年 2 月 22 日午前 6:20 UTC](https://community.cybozu.dev/t/topic/282 "2017-02-22T06:20:52Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1489](https://avatars.discourse-cdn.com/v4/letter/l/e9c0ed/32.png) [@Legacy\_Account1489](https://community.cybozu.dev/u/Legacy_Account1489)\
**Post date:** [2017 年 2 月 22 日午前 6:20 UTC](https://community.cybozu.dev/t/topic/282/1 "2017-02-22T06:20:52Z")

</div>

お世話になっております。

少し煮詰まってしまったので、書き込ませていただきます。

レコード追加画面にて、動的にドロップダウンを作成し、eventオブジェクトのrecord.valueに人物名に対応した数値を格納するところまでは成功したのですが、eventをreturnしても反映されませんでした。

原因、分かりますでしょうか？

&nbsp;

※要素の作成の記述などは省いております。

また、for文で何重にも囲んでいたので関係ありそうな箇所のみ抜粋してあります。

実際には複数のrecord.valueを書き換えて格納しています。

&nbsp;

&nbsp;

//保存実行時イベント////////////////////////////////////////////////////////

var submitEvents = [“app.record.edit.submit”,“app.record.create.submit”];

kintone.events.on(submitEvents, function(event) {

&nbsp;

&nbsp; &nbsp; var record = event.record;

&nbsp;

&nbsp; &nbsp; // ドロップダウンの値取得(氏名)  
&nbsp; &nbsp; var selectedIndex\_name = document.getElementById(submitName).options.selectedIndex;  
&nbsp; &nbsp; var keyword\_name = document.getElementById(submitName).options[selectedIndex\_name].text;

&nbsp; &nbsp; // ドロップダウンの値取得(点数)  
&nbsp; &nbsp; var selectedIndex\_point = document.getElementById(pointName).options.selectedIndex;  
&nbsp; &nbsp; var keyword\_point = document.getElementById(pointName).options[selectedIndex\_point].text;

&nbsp;

&nbsp; &nbsp; // 条件が一致したら実行 (変数fcはフォームコード)  
&nbsp; &nbsp; if(labelName === keyword\_name){

&nbsp; &nbsp; &nbsp; &nbsp; // 点数に応じてrecordのvalueに数値を格納(2点～5点)  
&nbsp; &nbsp; &nbsp; &nbsp; if(keyword\_point === “2点”){  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; record[fc][‘value’] = 2;  
&nbsp; &nbsp; &nbsp; &nbsp; }  
&nbsp; &nbsp; &nbsp; &nbsp; else if(keyword\_point === “3点”){  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; record[fc][‘value’] = 3;  
&nbsp; &nbsp; &nbsp; &nbsp; }  
&nbsp; &nbsp; &nbsp; &nbsp; else if(keyword\_point === “4点”){  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; record[fc][‘value’] = 4;  
&nbsp; &nbsp; &nbsp; &nbsp; }  
&nbsp; &nbsp; &nbsp; &nbsp; else if(keyword\_point === “5点”){  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; record[fc][‘value’] = 5;  
&nbsp; &nbsp; &nbsp; &nbsp; }  
&nbsp; &nbsp; }  
&nbsp; &nbsp; else{  
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;return event;  
&nbsp; &nbsp; &nbsp;}

});

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1557](https://avatars.discourse-cdn.com/v4/letter/l/49beb7/32.png) [@Legacy\_Account1557](https://community.cybozu.dev/u/Legacy_Account1557)\
**Post date:** [2017 年 2 月 23 日午前 2:10 UTC](https://community.cybozu.dev/t/topic/282/2 "2017-02-23T02:10:01Z")

</div>

okamoさん

&nbsp;

こんにちは。

上記のコードですと、return event;がelse文に入りますので&nbsp;record[fc][‘value’] の値を書き換えた場合には&nbsp;return event; されません。

```
    else{
         return event;
     }

```

このelse文をとってみてお試しください。

&nbsp;

```
//保存実行時イベント////////////////////////////////////////////////////////

var submitEvents = ["app.record.edit.submit", "app.record.create.submit"];

kintone.events.on(submitEvents, function(event) {
  var record = event.record;
  // ドロップダウンの値取得(氏名)
  var selectedIndex_name = document.getElementById(submitName).options.selectedIndex;
  var keyword_name = document.getElementById(submitName).options[selectedIndex_name].text;

  // ドロップダウンの値取得(点数)
  var selectedIndex_point = document.getElementById(pointName).options.selectedIndex;
  var keyword_point = document.getElementById(pointName).options[selectedIndex_point].text;

  alert("labelName : " + labelName + "keyword_name : " + keyword_name);
  // 条件が一致したら実行 (変数fcはフォームコード)
  if (labelName === keyword_name) {
    // 点数に応じてrecordのvalueに数値を格納(2点～5点)
    if (keyword_point === "2点") {
      record[fc]['value'] = 2;
    } else if (keyword_point === "3点") {
      record[fc]['value'] = 3;
    } else if (keyword_point === "4点") {
      record[fc]['value'] = 4;
    } else if (keyword_point === "5点") {
      record[fc]['value'] = 5;
    }
  }
  return event;
});

```

&nbsp;

&nbsp;

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1169](https://avatars.discourse-cdn.com/v4/letter/l/848f3c/32.png) [@Legacy\_Account1169](https://community.cybozu.dev/u/Legacy_Account1169)\
**Post date:** [2017 年 2 月 23 日午前 3:21 UTC](https://community.cybozu.dev/t/topic/282/3 "2017-02-23T03:21:08Z")

</div>

okamoさん

かき氷さんの書かれている内容にプラスして、細かい点ではあるのですが、  
if文の中で書かれている、「record[fc][‘value’] = 2;」の [fc] の部分は、  
フィールドコードを直接指定している箇所になるので、[‘fc’] と  
シングルクォーテーションで囲っていただいたほうがよいと思いました^^

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1489](https://avatars.discourse-cdn.com/v4/letter/l/e9c0ed/32.png) [@Legacy\_Account1489](https://community.cybozu.dev/u/Legacy_Account1489)\
**Post date:** [2017 年 2 月 23 日午前 5:26 UTC](https://community.cybozu.dev/t/topic/282/4 "2017-02-23T05:26:34Z")

</div>

\>カキ氷さん

&nbsp;

返信ありがとうございます。助かります。初心者で申し訳ありませんが、よろしくお願いします。

やってみたのですが、ダメでした。

ちょっと複雑に書きすぎてしまっていたので省略したのですが、実際にはfor文でユーザーの数(userCount)だけ回し、「2点」～「5点」の文字列が一致したときにrecord[fc][value]に値を格納し、そのfor文を抜けた後にreturn eventしているところまでは問題なしとデバックして確認できているのですが、実際に追加されたレコードはどれも空っぽでした。(elseの中でreturnはご指摘の通りやめています)

&nbsp;

for文を抜けた後のrecordの配列はバッチリなのですが、return eventで返っていったあとに結果に反映されない、と言うべきでしょうか？

複数のレコード書き換えはいっぺんに行えない、とも考えられるのかなと思いましたが、ご存じでしょうか。

&nbsp;

&nbsp;

＞furumaiさん

&nbsp;

返信ありがとうございます。

すみません、省略してしまっているのですが、fcは変数でfunctionの引数から渡ってきたフィールドコード文字列を格納しています。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1557](https://avatars.discourse-cdn.com/v4/letter/l/49beb7/32.png) [@Legacy\_Account1557](https://community.cybozu.dev/u/Legacy_Account1557)\
**Post date:** [2017 年 2 月 23 日午前 5:47 UTC](https://community.cybozu.dev/t/topic/282/5 "2017-02-23T05:47:05Z")

</div>

okamo さん

&nbsp;

\>複数のレコード書き換えはいっぺんに行えない、とも考えられるのかなと思いましたが、ご存じでしょうか。

記載されたサンプルコードから新規追加画面、編集画面のレコード保存前イベントで値を動的に設定して保存する認識だったのですが、複数のレコードを取り扱うとはどういうことでしょうか。

上記の認識であればサンプルのような形であれば設定可能です。

複数のレコードを取り扱う場合、例えばRestAPIで複数レコードを登録とかになるとやり方が変わってきます。

もしかしたら記載されている部分が問題ではなく、もっと大枠に原因があるかもと思いました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1489](https://avatars.discourse-cdn.com/v4/letter/l/e9c0ed/32.png) [@Legacy\_Account1489](https://community.cybozu.dev/u/Legacy_Account1489)\
**Post date:** [2017 年 2 月 23 日午前 6:08 UTC](https://community.cybozu.dev/t/topic/282/6 "2017-02-23T06:08:53Z")

</div>

カキ氷さん

&nbsp;

すみません。レコードという言葉の認識を誤っていました。仰るとおり、登録するのは単一レコードに対してです。

この文であれば可能のはずとのこと、了解しました。もう少しデバッグなどして原因を探ってみようと思います。ありがとうございました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1557](https://avatars.discourse-cdn.com/v4/letter/l/49beb7/32.png) [@Legacy\_Account1557](https://community.cybozu.dev/u/Legacy_Account1557)\
**Post date:** [2017 年 2 月 23 日午前 6:30 UTC](https://community.cybozu.dev/t/topic/282/7 "2017-02-23T06:30:49Z")

</div>

okamo さん

&nbsp;

ご確認ありがとうございます。単一レコードとのこと認識致しました。

あと原因となりうるのは、レコードオブジェクトの構成が正しくない場合があるかと思います。

以下のようにログを出力して、元レコードと更新後のレコードで構成があっているか差分を確認してみると何かわかるかもしれません。

```
kintone.events.on(submitEvents, function(event) {
 var record = event.record;
 console.log('start: ' + JSON.stringify(record, null, ' ')); //jsonをログで出力

・・・

 console.log('end: ' + JSON.stringify(record, null, ' ')); //jsonをログで出力
 return event;
});

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1489](https://avatars.discourse-cdn.com/v4/letter/l/e9c0ed/32.png) [@Legacy\_Account1489](https://community.cybozu.dev/u/Legacy_Account1489)\
**Post date:** [2017 年 2 月 23 日午前 8:07 UTC](https://community.cybozu.dev/t/topic/282/8 "2017-02-23T08:07:53Z")

</div>

カキ氷さん

&nbsp;

ありがとうございます。ログで調べてみたところ、recordの内容に問題はなく、上記の構文も問題なさそうだということをヒントにreturnする位置に原因がありそうだったので弄ってみたところ、上手くいきました。

拙い質問で混乱させて大変申し訳ありませんでした。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1557](https://avatars.discourse-cdn.com/v4/letter/l/49beb7/32.png) [@Legacy\_Account1557](https://community.cybozu.dev/u/Legacy_Account1557)\
**Post date:** [2017 年 2 月 23 日午前 8:10 UTC](https://community.cybozu.dev/t/topic/282/9 "2017-02-23T08:10:40Z")

</div>

okamo さん

returan が問題でしたか。 一先ず解決したようでよかったです。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 8 月 21 日午前 4:24 UTC](https://community.cybozu.dev/t/topic/282/10 "2025-08-21T04:24:00Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
