Django에서 선택 값 표시하기: Python, Django 및 Django 모델 사용

2024-07-27

다음은 Python, Django 및 Django 모델을 사용하여 Django에서 선택 값을 표시하는 방법에 대한 단계별 설명입니다.

모델 정의하기:

먼저, 선택 값을 저장할 모델을 정의해야 합니다. 예를 들어, 국가를 선택할 수 있는 드롭다운 메뉴가 있는 폼을 만들려면 다음과 같은 모델을 정의할 수 있습니다.

from django.db import models

class Country(models.Model):
    name = models.CharField(max_length=255)

폼 만들기:

다음으로, 선택 값을 입력할 수 있는 폼을 만들어야 합니다. 다음은 위의 Country 모델을 기반으로 폼을 만드는 방법입니다.

from django import forms
from .models import Country

class CountryForm(forms.ModelForm):
    class Meta:
        model = Country
        fields = ['name']

뷰 함수 만들기:

폼을 처리하고 선택 값을 표시할 뷰 함수를 만들어야 합니다. 다음은 선택된 국가를 표시하는 뷰 함수의 예입니다.

from django.shortcuts import render
from .models import Country
from .forms import CountryForm

def select_country(request):
    if request.method == 'POST':
        form = CountryForm(request.POST)
        if form.is_valid():
            country = form.cleaned_data['name']
            return render(request, 'selected_country.html', {'selected_country': country})
    else:
        form = CountryForm()
    return render(request, 'country_form.html', {'form': form})

템플릿 만들기:

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>선택된 국가</title>
</head>
<body>
    <h1>선택된 국가: {{ selected_country }}</h1>
</body>
</html>

위 코드는 Django에서 선택 값을 표시하는 방법의 기본적인 예시입니다. 실제 상황에서는 더 복잡한 폼, 뷰 함수 및 템플릿이 필요할 수 있습니다.

Django에서 선택 값 표시하기: 예제 코드

models.py:

from django.db import models

class Country(models.Model):
    name = models.CharField(max_length=255)

forms.py:

from django import forms
from .models import Country

class CountryForm(forms.ModelForm):
    class Meta:
        model = Country
        fields = ['name']

views.py:

from django.shortcuts import render
from .models import Country
from .forms import CountryForm

def select_country(request):
    if request.method == 'POST':
        form = CountryForm(request.POST)
        if form.is_valid():
            country = form.cleaned_data['name']
            return render(request, 'selected_country.html', {'selected_country': country})
    else:
        form = CountryForm()
    return render(request, 'country_form.html', {'form': form})

country_form.html:

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>국가 선택</title>
</head>
<body>
    <form method="post">
        {% csrf_token %}
        {{ form }}
        <button type="submit">선택</button>
    </form>
</body>
</html>

selected_country.html:

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>선택된 국가</title>
</head>
<body>
    <h1>선택된 국가: {{ selected_country }}</h1>
</body>
</html>

이 코드를 사용하려면 먼저 models.py, forms.py, views.py 및 templates 디렉토리를 프로젝트에 만들어야 합니다. 그런 다음 위 코드를 해당 파일에 복사하여 붙여 넣습니다. 마지막으로 프로젝트를 실행하고 http://localhost:8000/select_country로 이동하면 국가를 선택할 수 있는 폼이 표시됩니다. 국가를 선택하고 제출하면 선택된 국가가 selected_country.html 템플릿에 표시됩니다.

Django에서 선택 값 표시하기: 대체 방법

직접 값을 추출하기:

폼에서 선택된 값을 직접 추출하여 템플릿에 전달할 수 있습니다. 다음은 select_country 뷰 함수를 사용하여 이를 수행하는 방법입니다.

from django.shortcuts import render
from .models import Country
from .forms import CountryForm

def select_country(request):
    if request.method == 'POST':
        form = CountryForm(request.POST)
        if form.is_valid():
            country_name = form.cleaned_data['name']
            return render(request, 'selected_country.html', {'country_name': country_name})
    else:
        form = CountryForm()
    return render(request, 'country_form.html', {'form': form})

이 경우 selected_country.html 템플릿은 다음과 같이 변경해야 합니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>선택된 국가</title>
</head>
<body>
    <h1>선택된 국가: {{ country_name }}</h1>
</body>
</html>

get_selected_option 함수 사용하기:

Django 폼에는 get_selected_option() 함수가 제공됩니다. 이 함수를 사용하여 선택된 옵션의 값을 직접 추출할 수 있습니다. 다음은 select_country 뷰 함수에서 이를 수행하는 방법입니다.

from django.shortcuts import render
from .models import Country
from .forms import CountryForm

def select_country(request):
    if request.method == 'POST':
        form = CountryForm(request.POST)
        if form.is_valid():
            country = form.fields['name'].get_selected_option()
            return render(request, 'selected_country.html', {'country': country})
    else:
        form = CountryForm()
    return render(request, 'country_form.html', {'form': form})

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>선택된 국가</title>
</head>
<body>
    <h1>선택된 국가: {{ country }}</h1>
</body>
</html>

`{% for %} 템플릿 태그 사용하기:

{% for %} 템플릿 태그를 사용하여 선택된 값을 반복할 수 있습니다. 다음은 selected_country.html 템플릿에서 이를 수행하는 방법입니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>선택된 국가</title>
</head>
<body>
    {% for country in form.cleaned_data.values() %}
        <h1>선택된 국가: {{ country }}</h1>
    {% endfor %}
</body>
</html>

위 코드는 폼에서 선택된 모든 값을 반복하고 각 값을 <h1> 태그에 표시합니다.

JavaScript 사용하기:

JavaScript를 사용하여 선택된 값을 추출하고 템플릿에 표시할 수 있습니다. 다음은 selected_country.html 템플릿에서 이를 수행하는 방법입니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>선택된 국가</title>
    <script>
        function getSelectedCountry() {
            var selectedOption = document.getElementById('id_name').selectedOptions[0];
            var selectedCountry = selectedOption.value;
            document.getElementById('selected-country').textContent = selectedCountry;
        }
    </script>
</head>
<body>
    <select id="id_name" onchange="getSelectedCountry()">
        {% for country in form.fields['name'].choices %}
            <option value="{{ country[0] }}">{{ country[1] }}</option>
        {%