Html 我有这样的代码：下拉按钮需要获取我在输入文本字段中输入的数据

我已经为我的网站实现了自动完成搜索栏。单击下拉按钮输入文本字段将出现，在输入文本字段中我可以输入我的位置。输入我的位置后，我的下拉列表应该反映我在输入文本字段中输入的数据。但是，我的下拉按钮不是再次显示，而是再次显示选择位置。 设置位置

            <input type="search" class="form-control" id='locName' placeholder="Search Location" style=margin-top:-60px>
        </form>

    </div>
</div>
<!--JavaScript Part-->
<!--AutoComplete Search bar-->
$(function() {
    $("#locName").autocomplete({
        source: [
            "Adugodi",
            "Arekere",
            "Attiguppe",
            "Yelahanka"

        ],
        minLength: 1,
        function(event) {
            var value = event.getAttribute('value')
            var locName = document.getElementById("locName").value;
            if (value.includes('&')) {
                value = value.replace("&", "%26");
            }
            if (locName == "") {
                alert("Please Select your Location");
            } else {
                window.location = "http://www.example.com";
            }
            return false;
        }

    });
}); 

---

在这种情况下，一个可能的解决方案是从div的：active和：focus中删除轮廓和边框，如下所示：

            <input type="search" class="form-control" id='locName' placeholder="Search Location" style=margin-top:-60px>
        </form>

    </div>
</div>
<!--JavaScript Part-->
<!--AutoComplete Search bar-->
$(function() {
    $("#locName").autocomplete({
        source: [
            "Adugodi",
            "Arekere",
            "Attiguppe",
            "Yelahanka"

        ],
        minLength: 1,
        function(event) {
            var value = event.getAttribute('value')
            var locName = document.getElementById("locName").value;
            if (value.includes('&')) {
                value = value.replace("&", "%26");
            }
            if (locName == "") {
                alert("Please Select your Location");
            } else {
                window.location = "http://www.example.com";
            }
            return false;
        }

    });
}); 

.btn:focus, .btn:active {
  border: 0;
  transition: none;
  border-style: none;
  outline: none;
}

---

更好地解释问题，并添加一些问题示例。另外，在HTML元素中使用style=时，请将内容包装在“”或“”中。例如style='color:red；'或样式=颜色：红色；。请看和你的问题。使用所有可用的调试工具和验证器，发布格式良好、缩进良好的。代码的某些部分要么缺失，要么只是语法不正确。