Question

我尝试使用Web API创建自动填充文本框。我已经检查了很多网站，但仍然一无所知。我的Web API包含以下格式的数据 “ [{\” sl_no \“：\” 305 \“}，{\” sl_no \“：\” 305 \“}，{\” sl_no \“：\” 3056 \“}，{\” sl_no \“ ：\“ 3057 \”}，{\“ sl_no \”：\“ 3305 \”}]“

我想输入例如文本的自动完成文本框。 text = 305，然后应提供其余选项，即3056、3057、3305

我正在尝试使用jquery自动完成小部件

Answer 1

要实施Google地方信息自动填充文本框，您首先需要一个可以在Google API网站上获得的API密钥。您需要做的就是通过填写您所需的个人信息来注册一个。获得API密钥后，您所需要做的就是进入API库并启用places API。完成后，将以下代码复制并粘贴到Asp.Net MVC应用程序的视图中。

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places&Key=YOURAPIKEY"></script>  
<script type="text/javascript">  
        google.maps.event.addDomListener(window, 'load', function () {  
            var options = {  
                types: ['(cities)'],  
                componentRestrictions: { country: "sa" }  
            };  

            var input = document.getElementById('Address');  
            var places = new google.maps.places.Autocomplete(input, options);  


        });  
</script>

一旦您复制并粘贴了此代码，请在其状态需要的位置（Key = YOURAPIKEY）填写API密钥。一旦完成此操作，您现在就可以运行您的应用程序，它应该像这样出现... enter image description here

使用Web API的自动完成文本框

1 个答案: