に追加のデータを取得します。私はアクションが再発する頻度を指定する外部キーを持っているアクションモデルを持っているDjangoのフォームのドロップダウン選択
class Reoccurance(models.Model):
label = models.CharField("Label", max_length=50, unique = True)
days = models.IntegerField("Days")
def __unicode__(self):
return self.label
class Meta:
ordering = ['days']
class Action(models.Model):
name = models.CharField("Action Name", max_length=200, unique = True)
complete = models.BooleanField(default=False, verbose_name="Complete?")
reoccurance = models.ForeignKey(Reoccurance, blank=True, null=True, verbose_name="Reoccurance")
私はのためのHTMLコードになり行動のModelFormを作ってるんです(reoccuranceテーブルのために存在するデータベースの値に基づく)reoccurance:
<select id="id_reoccurance" class="select" name="reoccurance">
<option value="" selected="selected">---------</option>
<option value="12">2 Days</option>
<option value="1">3 Days</option>
<option value="2">5 Days</option>
<option value="10">6 Days</option>
<option value="9">1 Week</option>
<option value="3">10 Days</option>
<option value="4">2 Weeks</option>
<option value="11">3 Weeks</option>
<option value="5">1 Month</option>
<option value="13">6 Weeks</option>
<option value="6">1 Quarter</option>
<option value="7">6 Months</option>
<option value="8">1 Year</option>
</select>
あなたが見ることができるように、選択は一日の昇順であるにもかかわらず、彼らはアウトデータベースに入力されたため、値が故障しています注文の
アクションが再発する日付を動的に計算するjqueryを作成したいとします。今日の日付が使用され、ユーザーが選択した選択に対応する日数が追加されます。しかし、私がフォームに入ったデータでは、選択した日数に翻訳できません。オプション項目の値が順調であっても、「1年」とは365日ということはありません。
このデータはReoccuranceテーブルにありますが、 label = "1 Year"、days = 365。Reoccuranceテーブルのすべてのアイテムと同様です。
ModelFormを書き直して、各ドロップダウンアイテムのオプション値がその選択の日数と等しいようにする方法はありますか?そしてので、私は日数にアクセスできます。
$("#id_reoccurance").change(function() {
alert($(this).val());
});
これは悪Reoccurance表の正しい行に適切なreoccurance選択を結びつけるために私の能力に影響を与えるだろうか?私のフォームテンプレートにjqueryでラベル/ラベルを付けて、今アクセスできる別の方法はありますか?
from django.utils.html import conditional_escape, escape
from django.utils.encoding import force_unicode
class SelectWithTitles(forms.Select):
def __init__(self, *args, **kwargs):
super(SelectWithTitles, self).__init__(*args, **kwargs)
# Ensure the titles dict exists
self.titles = {}
def render_option(self, selected_choices, option_value, option_label):
title_html = (option_label in self.titles) and \
u' title="%s" ' % escape(force_unicode(self.titles[option_label])) or ''
option_value = force_unicode(option_value)
selected_html = (option_value in selected_choices) and u' selected="selected"' or ''
return u'<option value="%s"%s%s>%s</option>' % (
escape(option_value), title_html, selected_html,
conditional_escape(force_unicode(option_label)))
class ChoiceFieldWithTitles(forms.ChoiceField):
widget = SelectWithTitles
def __init__(self, choices=(), *args, **kwargs):
choice_pairs = [(c[0], c[1]) for c in choices]
super(ChoiceFieldWithTitles, self).__init__(choices=choice_pairs, *args, **kwargs)
self.widget.titles = dict([(c[1], c[2]) for c in choices])
class ActionForm(forms.ModelForm):
reoccurance = ChoiceFieldWithTitles()
def __init__(self, *args, **kwargs):
super(ActionForm, self).__init__(*args, **kwargs)
choices = []
for pt in Reoccurance.objects.all():
choices.append((pt.id, pt.label, pt.days))
self.fields['reoccurance'] = ChoiceFieldWithTitles(choices = choices)
ファンタスティック:
更新this postをチェックするためにヨセフの提案に
おかげで、私は私のオプション要素でタイトルを含めることができました。だから私のテンプレートでは次のようになります:
<select id="id_reoccurance" class="selectwithtitles" name="reoccurance">
<option value="12" title="2" >2 Days</option>
<option value="1" title="3" >3 Days</option>
<option value="2" title="5" >5 Days</option>
<option value="10" title="6" >6 Days</option>
<option value="9" title="7" >1 Week</option>
<option value="3" title="10" >10 Days</option>
<option value="4" title="14" >2 Weeks</option>
<option value="11" title="21" >3 Weeks</option>
<option value="5" title="30" >1 Month</option>
<option value="13" title="42" >6 Weeks</option>
<option value="6" title="90" >1 Quarter</option>
<option value="7" title="180" >6 Months</option>
<option value="8" title="365" >1 Year</option>
</select>
私たちはほとんどそこにいるようですが、私はうまくいっています。 jqueryで、私は選択されたオプションのタイトルを得るために以下を試しています:
$(function() {
$("#id_reoccurance").change(function() {
alert($(this).attr('title'));
});
});
問題はそれがundefinedとして戻ってくるということです!
更新は、それが
$(function() {
$("#id_reoccurance").change(function() {
alert($(this).find("option:selected").attr("title"));
});
});
フォームの__init __()の属性については説明していますが、これを単一の入力ウィジェットに入れているだけでなく、数字の