Чтобы скрыть «value» поля «select», значения которого берутся из поля «ForeignKey», в Django, вам потребуется использовать JavaScript. Давайте пошагово разберемся в этом процессе.
1. Создайте модель, которая содержит поле «ForeignKey». Например, мы создадим модель Category, у которой будет поле «name». Модель Product будет содержать поле «name» и поле «category», связанное с моделью Category, используя поле «ForeignKey».
from django.db import models
class Category(models.Model):
name = models.CharField(max_length=100)
class Product(models.Model):
name = models.CharField(max_length=100)
category = models.ForeignKey(Category, on_delete=models.CASCADE)
2. В представлении, передайте все объекты Category в шаблон.
from django.shortcuts import render
from .models import Category
def product_create(request):
categories = Category.objects.all()
return render(request, 'product_create.html', {'categories': categories})
3. В шаблоне product_create.html создайте форму, используя тег select, и заполните его значениями из объектов Category.
<form method="POST" action="{% url 'product_create' %}">
{% csrf_token %}
<label for="name">Product Name:</label>
<input type="text" id="name" name="name">
<label for="category">Category:</label>
<select id="category" name="category">
{% for category in categories %}
<option value="{{ category.id }}">{{ category.name }}</option>
{% endfor %}
</select>
<button type="submit">Submit</button>
</form>
4. Теперь, чтобы скрыть значение поля «select», значения которого берутся из поля «ForeignKey», вы можете использовать JavaScript. Добавьте следующий скрипт в ваш шаблон product_create.html:
<script>
document.addEventListener('DOMContentLoaded', function() {
var categorySelect = document.getElementById('category');
categorySelect.addEventListener('change', function() {
categorySelect.value = '';
});
});
</script>
5. Этот скрипт будет сбрасывать значение поля «select» каждый раз, когда изменяется выбранная категория, что позволит скрыть значение по умолчанию и не позволяет пользователю видеть ее при открытии формы.
Теперь, когда вы будете использовать эту форму, значение поля «select» будет скрыто по умолчанию. Пользователи увидят только варианты выбора из выпадающего списка, но не будут видеть выбранное значение, пока они не выберут его сами.