このページのトップへ
チェックボックス・ドロップダウン

チェックボックス・ドロップダウン

複数のフィルタを使用してサイトを検索します。

中級.png

上級

14K

出版された:

2020年1月1日

酒を楽しむ少女

によって

アンカー 1
開発者を雇う

説明例

In this example, we simulated a multi-select dropdown menu with checkboxes that lets visitors search site content using more than one filter option at a time. Users select multiple continents and all matching countries are displayed on the page.

コード例

タブ1

.

タブ2

.

タブ3

.

このコードによる解決は複雑になる可能性がある。

どのように構築したか

We used our Search a Database example site as the basis for this example.

​​

ページ要素

The Search a Database example includes a repeater, dataset, and dropdown filter. In this example, in order to create our customized dropdown, we replaced the dropdown element with the following page elements:

  • A container box with a down arrow image that looks like a dropdown.

  • A text element inside the container box. The default text defined in the Editor is "Filter search by Continents."

  • A repeater for the part that "drops down". Each repeater item contains a checkbox and text for the name of a continent. This is where the user makes multiple selections.

使用したAPI

コード以外の例。

コード以外の例。

コード以外の例。

コード以外の例。

関連記事

記事リンク

開発者を雇う

Veloソリューションは強力なツールですが、自力で構築するのは困難です。経験豊富なVelo開発会社に構築をお任せください。

関連例

これは役に立ったか?

はい

|

いいえ

ご意見ありがとう!

データベース検索

データベース検索

訪問者に素早くサイトのコンテンツを検索してもらう。

中級.png

中級

ダイナミック・スライドショー

ダイナミック・スライドショー

スライドショーにデータベースのコンテンツを入力します。

中級.png

中級

Dropdown Custom Element

Dropdown Custom Element

Create a dropdown with text and images using a custom element.

中級.png

上級

アンカー2
ページ下