PHP HTML表单-未提交AJAX更改

我有一个简单的HTML表单，允许用户选择类型值。根据选定的类型值，他们可以从类别列表中进行选择。类别是基于类型的有条件的-当您选择类型时，将对数据库运行查询以选择匹配的类别并将其显示为选择菜单

就显示匹配的类别而言，这一切都很好，但是当我提交表单时，所选类别的值不是HTTP请求的一部分，因此没有向数据库添加任何内容

以下是HTML表单中的两个字段：

<div class="form-group">
        <label for="type" class="control-label col-sm-3" >Type</label>
            <div class="input-group col-xs-8">
                <select class="form-control" name="type" id="type" onchange="getCategories(this.value)">
                    <option value=""></option>
                     <option value="Business">Business</option>
                     <option value="Commercial">Commercial</option>
                     <option value="Commercial Land">Commercial Land</option>
                     <option value="Land">Land</option>
                     <option value="Rental">Rental</option>
                     <option value="Residential">Residential</option>
                     <option value="Rural">Rural</option>
                     </select>
            </div>
    </div>

    <div class="form-group">
        <label for="category" class="control-label col-sm-3" >Category</label>
            <div class="input-group col-xs-8" class="" id="categoryList">
                <select class="form-control" name="category" id="category">
                    <option value=""></option>
                </select>
            </div>                  
    </div>

这可以根据类型选择显示条件类别选择菜单，但类别选择不包括在表单提交中

例如，getPropertyCategories.php返回以下内容：

<select class="form-control" name="category" id="category">
 <option></option>
 <option value='Accommodation/Tourism'>Accommodation/Tourism</option>
 <option value='Automotive' selected='selected' >Automotive</option>
 <option value='Beauty/Health'>Beauty/Health</option>
 <option value='Education/Training'>Education/Training</option><option value='Food/Hospitality'>Food/Hospitality</option>
 <option value='Franchise'>Franchise</option><option value='Home/Garden'>Home/Garden</option>
 <option value='Import/Export/Whole'>Import/Export/Whole</option>
  </select>

住宿/旅游
汽车
美容/健康
教育/培训食品/招待
特许经营住宅/花园
进口/出口/全部

更改选择菜单的id以匹配javascript中指定的id，反之亦然

            <select class="form-control" name="category" id="categoryList">
                <option value=""></option>
            </select>

您没有添加

类别

，您将#categoryList的innerHTML设置为什么？

            <select class="form-control" name="category" id="categoryList">
                <option value=""></option>
            </select>