Реализуйте строку поиска для поиска названия компании в django

Я очень новичок в веб-разработке. Я не очень хорошо знаком с django. Многое из этого кода я взял из chatgpt.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Stockipy</title>
    {% load static %}
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css">
    <script>
        $(document).ready(function() {
            // Assuming you've set an ID for the input field, replace 'id_company_name' with the actual ID
            $('COMPANY_NAME').select2();
        });
    </script>
       
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
</head>
<body>
    <h1>Stock Alert</h1>
    
    <form method = "post">
        {% csrf_token %}
        <label for="{{ form.COMPANY_NAME.id_for_label }}">Enter Company Name:</label>
        {{ form.COMPANY_NAME }}
        <br>
        <label for="{{ form.PERCENTAGE_DIFF.id_for_label }}">Enter Percentage Difference:</label>
        {{ form.PERCENTAGE_DIFF }}
        <br><br>
        <input type="submit" value="Submit">
    </form>

это html для страницы

def company_autocomplete(request):
    term = request.GET.get('term', None)

    if term:
        # Make a request to Alpha Vantage API to get matching company names
        params = {
            "function": "SYMBOL_SEARCH",
            "keywords": term,
            "apikey": ALPHAVANTAGE_API,
        }
        response = requests.get(STOCK_ENDPOINT, params=params)
        data = response.json().get("bestMatches", [])

        # Extract company names from the API response
        company_names = [result["2. name"] for result in data]

        return JsonResponse(company_names, safe=False)

    return JsonResponse([], safe=False)

Это функция, которую я использую в view.py. Я взял ее из chatgpt.

выводное изображение

когда я запускаю этот сайт, текстовое поле "Название компании" отображается маленьким, как выпадающее меню, и у него нет вариантов, и я также не могу набирать текст.

Вернуться на верх