Select Filter

Select path filter is used to show or hide HTML elements depending on their path and user selection.

<select data-grid-control="select-filter">
    <option data-path="">Filter by property type</option>
    <option data-path=".property-type-cottage">Cottage</option>
    <option data-path=".property-type-apartment">Apartment</option>
    <option data-path=".property-type-villa">Villa</option>

Select data attributes

Option elements data attributes

If the data-value attribute is specified, the filter will look for this text value in the provided data-path. In this case, the following data attributes may be specified:

The selected option should be marked with the selected attribute.

Last updated