# 【フォームブリッジ】フィールドAの値でフィールドBの背景色を変更したい

**URL:** <https://community.cybozu.dev/t/topic/4492>\
**Category:** kintone 開発相談\
**Created:** [2019 年 10 月 28 日午前 9:10 UTC](https://community.cybozu.dev/t/topic/4492 "2019-10-28T09:10:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account975](https://avatars.discourse-cdn.com/v4/letter/l/e0b2c6/32.png) [@Legacy\_Account975](https://community.cybozu.dev/u/Legacy_Account975)\
**Post date:** [2019 年 10 月 28 日午前 9:10 UTC](https://community.cybozu.dev/t/topic/4492/1 "2019-10-28T09:10:54Z")

</div>

フォームブリッジにて、下記のようなことを実施したいです。

javacsriptで実装することまではわかるのですが、  
どのように値を取得し、背景を「.el-input {background-color: yellow;}」で  
変更できるかが知りたいです。

１．テキストフィールドAの値が〇の場合、テキストフィールドB(入力不可)の背景を黄色にする

２．テキストフィールドAの値が空欄の場合、テキストフィールドB（入力不可）の背景は変更なし（白色）

よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1740](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1740](https://community.cybozu.dev/u/Legacy_Account1740)\
**Post date:** [2019 年 10 月 29 日午前 2:20 UTC](https://community.cybozu.dev/t/topic/4492/2 "2019-10-29T02:20:04Z")

</div>

杉浦様

お世話になっております。  
トヨクモの江田と申します。

以下のコードで実装できます．  
「A」，「B」の箇所は，フィールドコードに合わせて適宜変更してください．

```
(function () {
  "use strict";
  fb.events.fields['A'].changed = [function (state) {
    if(state.record['A'].value === '〇'){
      fb.getElementByCode('B').getElementsByTagName('input')[0].style.background = 'yellow';
    }else{
      fb.getElementByCode('B').getElementsByTagName('input')[0].style.background = 'none';
    }
  }];
})();

```

---

<div class="post-metadata">

**Author:** ![Legacy\_Account975](https://avatars.discourse-cdn.com/v4/letter/l/e0b2c6/32.png) [@Legacy\_Account975](https://community.cybozu.dev/u/Legacy_Account975)\
**Post date:** [2019 年 10 月 29 日午前 3:10 UTC](https://community.cybozu.dev/t/topic/4492/3 "2019-10-29T03:10:53Z")

</div>

お世話になっております。  
ご連絡ありがとうございます。試してみます！

---

<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:** [2024 年 9 月 27 日午前 5:55 UTC](https://community.cybozu.dev/t/topic/4492/4 "2024-09-27T05:55:48Z")

</div>

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