# フォームブリッジ・新バージョンで確認画面で特定項目を非表示としたい

**URL:** <https://community.cybozu.dev/t/topic/10567>\
**Category:** kintone 開発相談\
**Created:** [2025 年 7 月 31 日午前 9:51 UTC](https://community.cybozu.dev/t/topic/10567 "2025-07-31T09:51:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![yamashima](https://avatars.discourse-cdn.com/v4/letter/y/e9a140/32.png) [@yamashima](https://community.cybozu.dev/u/yamashima)\
**Post date:** [2025 年 7 月 31 日午前 9:51 UTC](https://community.cybozu.dev/t/topic/10567/1 "2025-07-31T09:51:01Z")

</div>

フォームブリッジ・新バージョンで回答画面で特定項目を非表示としたいです。

回答画面では「fb-custom–field」が動作するのですが

確認画面では「fb-custom–field」が動作せず困っています。

（サンプルコード）

①回答画面では非表示になる  
formBridge.events.on(‘form.show’, function (context) {  
const nameDom = document.querySelector(‘.fb-custom–field[data-field-code=“xxx”]’);  
nameDom.style.display = ‘none’;  
});

②確認画面では非表示にならない（ここで非表示になって欲しい）  
formBridge.events.on(‘confirm.show’, function (context) {  
const nameDom = document.querySelector(‘.fb-custom–field[data-field-code=“xxx”]’);  
nameDom.style.display = ‘none’;  
});

---

<div class="post-metadata">

**Author:** ![aaa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/aaa/32/277_2.png) [@aaa](https://community.cybozu.dev/u/aaa)\
**Post date:** [2025 年 8 月 7 日午前 6:06 UTC](https://community.cybozu.dev/t/topic/10567/2 "2025-08-07T06:06:17Z")

</div>

動作するというコードが、コードブロックとして貼り付けられていないからか、動作しませんでした。

`fb-custom--`が正しいが、`fb-custom-`になってしまっている。

```javascript
formBridge.events.on('form.show', function (context) {
    const nameDom = document.querySelector('.fb-custom--field[data-field-code="文字列__1行_"]');
    nameDom.style.display = 'none';
});

```

ブラウザのDev toolで見た限り、確認画面では`fb-custom--field`というクラス付与がないようです。

そもそもフォームで非表示にしておきたい要素がなぜ必要なのか？という疑問も生じます。

> **[JavaScriptカスタマイズ | FormBridge](https://formbridge.kintoneapp.com/help/customize/v2)**
>
> FormBridge

`fb-custom--content`や`fb-custom--content--confirm`でフォーム内容の要素をまるごと受け取るしかないようです。

苦肉の策として、一つ目の要素だと限定するならば、

```javascript
 const target = document.querySelector('.fb-custom--content > :first-child > :first-child');
  if (target) {
    target.style.display = 'none';
  }
});

```

として非表示にすることはできました。

もし、フォーム回答者に見られてはいけないデータをフォーム上で非表示にしたところでデータはブラウザ上に転送されています。念のため。

---

<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 月 12 日午前 2:27 UTC](https://community.cybozu.dev/t/topic/10567/3 "2025-08-12T02:27:18Z")

</div>

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