선택된 국가: {{ selected_country }}
Django에서 선택 값 표시하기: Python, Django 및 Django 모델 사용
다음은 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에서 선택 값 표시하기: 예제 코드
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 %} 템플릿 태그를 사용하여 선택된 값을 반복할 수 있습니다. 다음은 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를 사용하여 선택된 값을 추출하고 템플릿에 표시할 수 있습니다. 다음은 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>
{%
python django django-models
