项目需求

下拉框改变时，直接传值，不要查询点击按钮。

项目代码

HTML

 <select name="years" id="years"></select>

下拉框传值

    var opHtml = "";
    for (var i = 2015; i < 2021; i++) {
        opHtml += "<option value=\"" + i + "\">" + i + "年</option>";
    }
    $("#years").html(opHtml);

$(selector).change(function)事件

    $("#years").change(function () {
        var year = $("#years").val();
        //执行DOM；
        $("#content").html(year);
    });

Done！

HTML

<select onchange="func()" id="near">
    <option value="">附近</option>
    <option value="0">选项一</option>
    <option value="1">选项二</option>
</select>

jq传参

    function func() {
        var vs = $('#near').val();
        console.log(vs);
    }

@lockdatav.cn

1. 如何在html页面显示下拉框

    <form method = 'POST', action="/addStudent/">
        <p>学生名称：<input type = 'text' name = "Student_Name"></input></p>
        <p>班级:

            <select name = 'class_id'>
                {% for items in results %}
                     <option value = '{{ items.0 }}'> {{ items.1 }}</option>
                {% endfor %}

            </select>
        </p>
        <input type = 'submit' value = "提交"></input>
    </form>

页面效果：

2. 总结
   下拉框的实现，使用select 标签和option标签
   下拉框的选择值提交，在select标签使用name，在option标签使用value。
   这样传送到后端时，就可以用获得其选择内容

        class_id = request.POST.get('class_id')
        Student_Name = request.POST.get('Student_Name')