Javascript没有获得正确的html表单值

Question

我有一个javascript自动填充功能。自动完成功能有效。我有一个PHP脚本，它拉动'子类型;从mysql中的'type'和结果正确。但我似乎无法让javascript传递'类型'值（下拉列表），如果它在页面lode之后发生了变化。如果在页面加载后更改表单中的“类型”下拉元素，如何才能使此函数正常工作？

Javascript：

<script>
$(document).ready(function(){
var e = document.getElementById("type");
var type = e.options[e.selectedIndex].value;
 $("#subtype").autocomplete("autocomplete/subtype.php?type="+type, {
        selectFirst: true
    });
});
</script>

HTML：

<select id="type" name="type"> 
        <option value="option1" selected="selected">option1</option>
        <option value="option2">option2</option>
        <option value="option3">option3</option>
        <option value="option4">option4</option>

    </select> </p>
     <p><input type="text" name="subtype" id="subtype" value="" placeholder="Sub-Type"></p>

感谢您的帮助。我是javascript的新手。