Question

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

            <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;
        }

    });
});

Answer 1

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

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

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

1 个答案: