【问题标题】:jquery dynamic input field on select option onchange选择选项onchange上的jquery动态输入字段
【发布时间】:2010-07-26 10:23:55
【问题描述】:

如何在使用 jquery 从 select onchange 事件中选择学生科目时填充学生姓名、滚动和分数。 非常感谢。

我的意见.py

def add_student(request):   
    subject = Subject.objects.all()
    if request.method == "POST":
        obj = Student()
        obj.name = request.POST['name']
        obj.roll = request.POST['roll']
        obj.subject = Subject.objects.get(name = request.POST['subject'])   
        obj.marks = request.POST['marks']
        obj.save()  

    var = RequestContext(request,{'title': ' Add Student','heading':'ADD STUDENT','subject':subject})
    return render_to_response('student.html',var)

这是我的 django 模板,用于为学生姓名、滚动和标记文本字段添加动态值..

<form action="." method="POST">
<table>
    <tr>
        <td>Subject</td>
    <td>
        <select id="subject" name= "subject">
            <option value="">- - Select - -</option>
            {% for i in subject %}
                <option>{{ i.name }}</option>
            {% endfor %}            
        </select> 
    </td>
    </tr>
    <tr>
        <td>Student Name</td>
    <td>
        <input id="name" type = "text" name ="name" /> 
    </td>
    </tr>
    <tr>
        <td>Student Roll</td>
    <td>
        <input id="roll" type = "text" name ="roll" /> 
    </td>
    </tr>    
    <tr>
        <td>Marks</td>
    <td>
        <input id="marks" type = "text" name ="marks" /> 
    </td>
    </tr>    
    <tr>
    <td>
        <input id="save" type = "Submit" value="Submit" /> 
    </td>       
    </tr>
</form>
</table>

【问题讨论】:

  • 我不明白这个问题是每个科目只有1个学生,滚动和标记?

标签: jquery django


【解决方案1】:
<script>
        students = Array()
        {% for s in subject %}
            {% with s.student as st %} {# maybe you call it "s.author" or so... #}
                students[s.pk] = {"name":st.name,"roll":st.roll,"marks":st.marks}
            {% endwith %}
        {% endfor %}

        $("#subject").select(function()
        {
            st = students[$(this).val()]
            $("#name").val(st.name)
            // and so on...
        })
    </script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-03
    • 2016-10-13
    • 2013-12-14
    • 2018-07-25
    • 1970-01-01
    相关资源
    最近更新 更多