Submit a Page when Enter Key Pressed on Autocomplete Field using JavaScript

Here I am giving an example to submit a page when enter key pressed on text with autocomplete field in Oracle APEX.

In Oracle Apex, there is an option for the Text Field item, where you can define to submit the page when enter key pressed, but for the item "Text with Autocomplete", there is no such option, we need to write dynamic action to submit a page when user presses enter key on autocomplete field.

Step 1: Create a page.

Step 2: Create a region.

Step 3: Create a item (text with autocomplete).

Step 4: Change a UI of text field with autocomplete item as like search item (Optional)

Appearance:

Template: Hidden

Icon: fa-search

Value Placeholder: Enter country to search.... (Your own text)

Advanced:

CSS Classes: t-Form-searchField

Custom Attributes: style="border-radius:20px;"

Source:

Type: Null

Used: Only when current value in session state is null

Step 5: Create a dynamic action to submit a page when enter key pressed on autocomplete field as below,

Event: Key Down

Selection Type: Item(s)

Item(s): P12_SEARCH

True Action: 

1) Execute JavaScript Code

if (event.which == 13)  //check if enter key pressed (ASCII code for Enter Key is 13)

{

   apex.submit ('P12_SEARCH');  //define your page item here

}

Output:

The demo is here

That's it.

Happy APEXing!!!...