Как сделать focusout ивент

Question

Есть autocomlete, как можно сделать ивент focusout чтобы при закрытии выбирался 1-й элемент списка?

<!doctype html>
    {% load static %}
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery UI Autocomplete - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
    <script>
    $( function() {
        $("#id_From").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "https://autocomplete.travelpayouts.com/places2?locale=ru&types[]=airport&types[]=city",
                data: { term: request.term },
                success: function (data) {
                    var transformed = $.map(data, function (el) {
                        return {
                            value: el.name + ", " + el.code,
                            label: el.code + ", " + el.name + ", " + el.country_name
                        };
                    });
                    response(transformed.slice(0, 5));
                },
                error: function () {
                    response([]);
                }
            });
        }
    });
});

    $( function() {
        $("#id_To").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "https://autocomplete.travelpayouts.com/places2?locale=ru&types[]=airport&types[]=city",
                data: { term: request.term },
                success: function (data) {
                    var transformed = $.map(data, function (el) {
                        return {
                            value: el.name + ", " + el.code,
                            label: el.code + ", " + el.name + ", " + el.country_name,
                        };
                    });
                    response(transformed.slice(0, 5));
                },
                error: function () {
                    response([]);
                }
            });
        }
    });
});

    </script>
</head>
<body>

    <form action="" method="POST">
        <div class="ui-widget1">
        {% csrf_token %} <br/>
        {{ form.as_p }}
        <span class="label_suffix">{{ From }}</span>
        <span class="label_suffix">{{ To }}</span>
        <input type="Submit" name="submit" value="Submit"/>
        </div>
    </form>

{% if submitbutton == "Submit" %}
<h1>https://www.aviasales.ru/search/{{ From }}1012{{ To }}23121?request_source=search_form&expected_price_currency=rub&expected_price_source=calendar</h1>
{% endif %}

</body>
</html>

БЛОГ НА HUSL

Как сделать focusout ивент

Ответы (0 шт):