Javascript Ajax附加下拉列表提交空值

我使用下面的代码清除，然后将值附加到下拉选择菜单中

问题是提交表单时，为下拉列表发送的值为空

<script type="text/javascript">
    $(document).ready(function(){

        $("#sel_year").change(function(){



            var deptid = $(this).val();

            $.ajax({
                url: 'model_search.php',
                type: 'post',
                data: {Year:deptid},
                dataType: 'json',
                success:function(response){

                    var len = response.length;

                    $("#sel_model").empty();
                    for( var i = 0; i<len; i++){
                        var id = response[i]['ID'];
                        var name = response[i]['model_name'];

                        $("#sel_model").append("<option value='"+id+"'>"+name+"</option>");

                    }
                }
            });
        });

    });
</script>

---

我只是不明白为什么这个值是空的。

响应返回什么？只发送一年。没有

sel_model

发送到

数据：{Year:deptid}

ajax部分工作正常，模型名称添加到下拉列表中，但是当我提交表单时，我得到了数组（[Year]=>2001[sel_model]=>null查看响应是关键。我没有返回值放置在下拉列表中。

    <form action='menu.php' method="POST">
      <div class="container">
        <h1>Auto populate dropdown</h1>
        <div id="div_content">
         <div>Year </div>
         <select name="Year" id="sel_year">
           <option value="0">- Select -</option>
           <option value="1996">1996</option>
           <option value="1997">1997</option>
           <option value="1998">1998</option>
         </select>

         <div>Model </div>
         <select  name='sel_model' id="sel_model">
           <option value="1">- Select Year First-</option>
         </select>
       </div>
     </div>
   </form>

Array ( [Year] => 2001 [sel_model] => null