jQuery .serialize（）没有检测到带有name属性的select

Question

以下是我的表格代码

<form role="form" id="new-category-form" method="post" onsubmit="newCategory(); return false;">
<table class="table table-bordered table-striped table-add-new-form">
    <thead>
        <tr>
            <th width="210">Category Name</th>
            <th width="210">Parent Category</th>
            <th></th>
        </tr>
    </thead>
    <tbody><tr>
        <td>
            <input class="form-control" name="input_name" value="" required="" type="text">
        </td>
        <td id="select_parent_category_container">
            <select class="form-control" name="select_trans_categories" id="select_trans_categories" required="required">
              <option></option>
              <option value="1">One</option>
              <option value="2">Two</option>
            </select>
        </td>
        <td>
            <button type="submit" class="btn btn-success"> <i class="fa fa-check"></i> Save</button>
        </td>
    </tr> 
    </tbody>
</table>

这是我的函数newCategory（）

function newCategory(){

$('#select_child_categories_container select, #select_parent_category_container select').html('');

var category_data = $("#new-category-form").serialize();
alert(category_data);

return false;

}

这导致仅显示“input_name”而不显示“select_trans_categories”值。它工作正常，但我不知道是什么导致了这一点。

我在谷歌上做了很多，但没有帮助，所以我发布了这个。

伙计们，我知道这很奇怪，但我无法弄清楚问题。

谢谢，感谢。