# Bubbleで他ページで選択したドロップダウンメニューの一部テーブル情報を別ページにて反映させる方法

**URL:** <https://www.nocode-faq.com/t/topic/1940>\
**Category:** bubble\
**Created:** [2021 年 7 月 25 日午前 10:49 UTC](https://www.nocode-faq.com/t/topic/1940 "2021-07-25T10:49:55Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 25 日午前 10:49 UTC](https://www.nocode-faq.com/t/topic/1940/1 "2021-07-25T10:49:55Z")

</div>

非常に長い質問になってしまっているのですが、なるべく言語化させていただいたつもりなので、どなたか助けていただけると嬉しいです。

ページ数は現在2枚です。  
①index  
②index-dev

そしてデータベースにはカラムが5つあります  
①カテゴリー  
②タイトル  
③説明文  
④価格  
⑤商品画像

index-devページにて、タイトルカラムにあるAを選択するとします。そうすると自動で  
indexページにAのタイトル、説明文、価格などを反映されるようにする。

ということがしたいです。

同ページ内ではある程度可能だと思うのですが、ページが違う場合の方法が知りたいと言った感じです。

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

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 25 日午前 11:59 UTC](https://www.nocode-faq.com/t/topic/1940/2 "2021-07-25T11:59:31Z")

</div>

はじめまして！  
こんな感じをイメージしましたが、認識はあっていますでしょうか？

それともドロップダウンで選択時にsubmitのようなものを押さずに反映させるようなものでしょうか？  
 ![Faqq](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/1/1751ac47175673478e373a27290a3be19057a067.gif)

※gifがうまく表示されなかったので投稿しなおしました。

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 25 日午後 12:04 UTC](https://www.nocode-faq.com/t/topic/1940/3 "2021-07-25T12:04:00Z")

</div>

初めまして！！  
ありがとうございます！

こんな感じかもしれないです！submit押して反映させるものなので、イメージしているものと相違なさそうです！

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 25 日午後 12:11 UTC](https://www.nocode-faq.com/t/topic/1940/4 "2021-07-25T12:11:14Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/9b50057ddbf7f4783e34f69a3c20fb4446d1bbdc.png)  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/36da3dda40217e1a11364ff1e4c33003ceae5df4.png)  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/355a43f2a94f2c009b7e88a00384d33d65983178.png)  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/6a7c110ba7e225b8c9e36e9ee490732f2ba05e77.png)  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/f/f37d0e1a4f6e2b10ba0c12cdd548a9c619729c0b.png)

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

単純なページ構成ですので、構築したい内容とは違うかもしれませんが…

index-devのdata to send でindexへDropDownの内容を送信  
↓  
index内のGroupのデータソースにcurrent page(=index)の先程のページで送信したデータ  
↓  
Group内にテキストを配置し、current group textとすれば反映されると思います。

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 25 日午後 12:12 UTC](https://www.nocode-faq.com/t/topic/1940/5 "2021-07-25T12:12:05Z")

</div>

今すぐ試してみます！ありがとうございます！

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 25 日午後 12:30 UTC](https://www.nocode-faq.com/t/topic/1940/7 "2021-07-25T12:30:48Z")

</div>

ありがとうございます！

index-devページで保存ボタンを押すとそのまま反映されたindexページに飛ばされるのですが、indexページからプレビューしてみると反映されていない状態になります。  
これをindex-devページでは保存をしてそのままリセット（ページ推移はなし）してindexページに反映されるようにしたいと考えています！こちらは可能でしょうか？

加えて、送信したいドロップダウンは複数存在いたします。

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 25 日午後 1:16 UTC](https://www.nocode-faq.com/t/topic/1940/8 "2021-07-25T13:16:57Z")

</div>

> index-devページで保存ボタンを押すとそのまま反映されたindexページに飛ばされるのですが、indexページからプレビューしてみると反映されていない状態になります。

これを行う場合は、データベースに保存して、そこからデータを持ってくるといったような操作が必要になります。

![2338db4b4edc4f307d50bb942037c551](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/b/bf0ef17bfd304abe3eea557dc116128757823bb1.gif)

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 25 日午後 1:21 UTC](https://www.nocode-faq.com/t/topic/1940/9 "2021-07-25T13:21:37Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/9/9010c476aca30f0e1ca24df700744116dfd25e4b.png)  
新たにindex-devで入力した内容を保存するためのtypeを用意し、

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/2/2762d33aa480f8515835b327673b2ba82d5fee0b.png)  
index-devの保存ボタンを押したときに入力管理用のtypeへdropdownの内容を保存

 ![image](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/6/6d71721377d577e9bbd6db3a1391fedd4dfe229e.png)  
indexのGroupのdata Sourceで、当初から用意しているtype（ここではtest）の該当のカラムと、入力管理用のデータ（last itemなどで絞っておく）と合致するするものをセットする

…のような流れになると思います  
（ちょっと最適なのかどうかは自信ないので、他の方の意見も聞いたがいいかもです）

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 25 日午後 2:09 UTC](https://www.nocode-faq.com/t/topic/1940/10 "2021-07-25T14:09:54Z")

</div>

すごいです！！！できました！！  
ありがとうございます！

複数個一気に反映させる場合はその分カラムを製作するイメージでしょうか？それとも何らかで条件をつければ良いものなのでしょうか？

たくさん質問させていただいたので、こちらに関してはテキスト範囲で構わないので教えていただけると助かります。

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 25 日午後 2:19 UTC](https://www.nocode-faq.com/t/topic/1940/11 "2021-07-25T14:19:34Z")

</div>

> 複数個一気に反映させる場合

例で言うと、入力管理typeにカラムを追加して、その分、index-devページにDropDownなどでinputを設置→保存ボタンで、入力管理typeに（該当のカラムへ）保存→indexのGroupで条件を増やしてあげると良いと思います。

---

<div class="post-metadata">

**Author:** ![naororo](https://avatars.discourse-cdn.com/v4/letter/n/a88e4f/32.png) [@naororo](https://www.nocode-faq.com/u/naororo)\
**Post date:** [2021 年 7 月 25 日午後 2:35 UTC](https://www.nocode-faq.com/t/topic/1940/12 "2021-07-25T14:35:24Z")

</div>

できました！！  
ご丁寧にありがとうございました。すごく勉強になりました！

---

<div class="post-metadata">

**Author:** ![jansnap](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/jansnap/32/6599_2.png) [@jansnap](https://www.nocode-faq.com/u/jansnap)\
**Post date:** [2021 年 7 月 26 日午前 12:11 UTC](https://www.nocode-faq.com/t/topic/1940/13 "2021-07-26T00:11:51Z")

</div>

別ページに遷移する時に「Send more parameters to the page」にチェックを入れ、キーと値を指定する方法もあります。

図の例では、[https://myexample1.bubbleapps.io/version-test/?debug\_mode=true&a=123&b=456&c=789](https://myexample1.bubbleapps.io/version-test/?debug_mode=true&a=123&b=456&c=789) のようにURLで渡されますので、  
受け取り側では「Get data from page URL」を使って取り出します。

ご参考まで。

 ![ScreenShot 2021-07-26 8.04.32](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/8/82cd3f2870a29dafe1fa1f51fb67917f019a602a.png)

 ![ScreenShot 2021-07-26 8.11.01](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/2X/3/32be7fc82cf74f97b75876f8c86aa294c3a242e2.png)

---

<div class="post-metadata">

**Author:** ![kotarosan](https://sea2.discourse-cdn.com/flex020/user_avatar/www.nocode-faq.com/kotarosan/32/5210_2.png) [@kotarosan](https://www.nocode-faq.com/u/kotarosan)\
**Post date:** [2021 年 7 月 26 日午前 12:57 UTC](https://www.nocode-faq.com/t/topic/1940/14 "2021-07-26T00:57:06Z")

</div>

補足ありがとうございます！

@naororo  
この方法の場合、naororoさんがやりたいindex pageだけに改めてアクセスした際にデータが参照されない（index-devのページで入力した内容が反映されない）ので留意してください。
