Search dropdown: is it possible to "set query"?

[cheesyMan]

Let's suppose I've a search selection dropdown with fruit:

• Apple
• Grapes
• Lemon
• Orange
• Peach
• Pear
• Pineapple
• Pink Grapefruit
• Red Grapefruit

Id like to do something like $("#fruitList").dropdown("set query", "grape") to programatically insert a search term and see a filtered list:

• Grapes
• Pink Grapefruit
• Red Grapefruit

as a result.

I know a "set query" behavior is not present in dropdown; is there a way to achieve the same result in any way?

[lubber-de]

You can achieve this by adding the search value manually .

$('.ui.dropdown > input.search').val('grape').focus(); //if you do not focus, the dropdown field will not open
$('.ui.dropdown > .text').addClass('filtered');	// needed to remove the placeholder

See https://jsfiddle.net/lubber/dn4ry57a/21/

[cheesyMan]

Hi @lubber-de thanks for your suggestion.

Unfortunately it looks like it doesn't work with my dropdown settings.

$('.ui.dropdown').dropdown({
	showOnFocus: false,
	fullTextSearch: true,
	match: "text",
	forceSelection: false,
});

Maybe it's for the showOnFocus setting?

Anyway, also adding a $('ui.dropdown').dropdown('show') line to suggested code, seems useless, showing the dropdown BUT not filtered.
(see https://jsfiddle.net/72f1tbhd/)

[lubber-de]

In your use case add the filter behavior infront of the show behavior:
See https://jsfiddle.net/lubber/enqg34ho/

[cheesyMan]

perfect! thanks