单击按钮，将数据从模型添加到新表单
单击按钮，将数据从模型添加到新表单
提问于 2019-01-29 10:56:56
我是stackoverflow和django的新手，如果这还不够描述性，我很抱歉。
models.py文件
from django.db import models
# Create your models here.
SPORTS_CHOICES = (
('nfl', 'NFL'),
('nba', 'NBA'),
('mlb', 'MLB'),
)
class Event(models.Model):
sports = models.CharField(max_length=3, choices=SPORTS_CHOICES, default='nfl')
event_name = models.CharField(max_length=100, default='')
home_team = models.CharField(max_length=100)
away_team = models.CharField(max_length=100)
home_team_moneyline_odds = models.DecimalField(max_digits=3,decimal_places=2)
away_team_moneyline_odds = models.DecimalField(max_digits=3, decimal_places=2)
home_team_spread = models.CharField(max_length=100)
home_team_spread_odds = models.DecimalField(max_digits=3, decimal_places=2)
away_team_spread = models.CharField(max_length=100)
away_team_spread_odds = models.DecimalField(max_digits=3, decimal_places=2)
total_points_over = models.CharField(max_length=100)
total_points_over_odds = models.DecimalField(max_digits=3, decimal_places=2)
total_points_under = models.CharField(max_length=100)
total_points_under_odds = models.DecimalField(max_digits=3, decimal_places=2)
def __str__(self):
return format(self.event_name)views.py
from django.shortcuts import render
from django.contrib.auth.decorators import login_required
from .models import Event
# Create your views here.
@login_required
def sports(request):
context = {
'events': Event.objects.all()
}
return render(request, 'sports/sports.html', context)sports.html
{% extends "blog/base.html" %}
{% block content %}
<div class="container">
<div class="row">
<div class="col-sm-8">
{% for event in events %}
<table class="table table-light table-sm table-hover">
<tr class="thead-dark">
<th style="width: 31%">Teams</th>
<th style="width: 23%">Spread</th>
<th style="width: 23%">Win</th>
<th style="width: 23%">Total</th>
</tr>
<tr>
<th class="table-bordered">{{ event.home_team }}</th>
<td class="table-bordered"><button class="removebuttonstyling">{{ event.home_team_spread }} ({{ event.home_team_spread_odds }})</button></td>
<td class="table-bordered"><button class="removebuttonstyling">{{ event.home_team_moneyline_odds }}</button></td>
<td class="table-bordered"><button class="removebuttonstyling"> O {{ event.total_points_over }} ({{ event.total_points_over_odds }})</button></td>
</tr>
<tr>
<th class="table-bordered">{{ event.away_team }}</th>
<td class="table-bordered"><button class="removebuttonstyling">{{ event.away_team_spread }} ({{ event.away_team_spread_odds }})</button></td>
<td class="table-bordered"><button class="removebuttonstyling">{{ event.away_team_moneyline_odds }}</button></td>
<td class="table-bordered"><button class="removebuttonstyling"> U {{ event.total_points_under }} ({{ event.total_points_under_odds }})</button></td>
</tr>
</table>
{% endfor %}
</div>
<div class="col-sm-4 betslip">
<form>
<div class="form-group">
<h3>Bet Slip</h3>
<input class="buttonbottom" type="submit" value="Confirm Bet">
</div>
</form>
</div>
</div>
</div>
{% endblock content %}
基本上，我想要单击表中的6个选项(赢，价差，总数)中的一个，然后在表的右侧的投注条中显示选择，以便用户可以在所选的赌注上下注。这可能是一个太模糊的问题，但如果有人能给我指出正确的方向，我将不胜感激。
回答 1
Stack Overflow用户
发布于 2019-01-29 14:17:21
当前，表中的按钮不执行任何操作。如果你想立即在下注部分显示内容，而不需要重新加载页面，你可以使用jQuery来实现。这里没有姜戈。
在Bet Slip部分中添加区块以显示内容：
<div class="form-group">
<h3>Bet Slip</h3>
<div class="chosenEvents"></div>
<input class="buttonbottom" type="submit" value="Confirm Bet">
</div>然后添加一些点击事件处理：
$(".removebuttonstyling").click(function() {
$(".chosenEvents").append($(this).text()); // Show content of chosen event
});上面，你可以传递任何你想要的东西来显示值，而不是$(this).text()。但是如果你想进一步提交一份表格。您需要有一个表单域，而不是.chosenEvents块。如下所示：
<form name="myform" method="POST" action="view_url">
<div class="form-group">
<h3>Bet Slip</h3>
<input type="number" class="chosenEventFieldValue">
<input class="buttonbottom" type="submit" value="Confirm Bet">
</div>
</form>和：
$(".removebuttonstyling").click(function() {
$(".chosenEventFieldValue").val($(this).text()); // Use content of chosen event as form field value
});请确保在页面上加载jQuery静态文件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54413201
复制相关文章
相似问题
腾讯云开发者
