单击自动选择时无法获取值

Question

代码非常简单：

＆＃13;

＆＃13;

<form method="get" action="/category" role="form">
    <div class="form-group">
        <label>Category</label>
        <input id="categoryName" class="form-control" placeholder="category name" name="categoryName">
    </div>
    <button type="submit" class="btn btn-default" onclick="return checkInput()">add</button>
</form>

＆＃13;

＆＃13;

＆＃13;

问题是在我点击输入后，然后chrome显示一个选择列表，其中包含输入历史记录。当我选择其中一个并提交时，我无法获得价值。我是网络新生，有人可以帮忙吗？

详细信息如下图：