Tag: 自动完成

如何停止使用谷歌地方填充自动填充的地址: 所以我在我的一个表格上有一个谷歌地图自动完成，当它到达一个地方时，它取代了地方并格式化它，以便所有正确的信息进入表格上的不同输入。我遇到的问题是在’place_changed’事件触发自动完成之前填充输入。我想防止这个初始人口，而是填充我想要的东西。我尝试做一个改变事件，但它似乎没有正确启动。这是我的代码： HTML： <input type="text" name="address1" value="1255 W Washington St" required="" class="form-control" id="id_address1" placeholder="Enter a location" autocomplete="var input = /** @type {HTMLInputElement} */( JS： document.getElementById(‘id_address1’)); var autocomplete = new google.maps.places.Autocomplete(input); google.maps.event.addDomListener(input, ‘keydown’, function(e) { if (e.keyCode == 13) { e.preventDefault(); console.log(‘enter’); } }); google.maps.event.addDomListener(input, ‘focusout’, function(e) { if ($(‘#id_address1’).val() != $(‘#id_address1’).attr(‘value’)){ $(‘#id_address1’).val($(‘#id_address1’).attr(‘value’)); […]

在javascript / jquery中自动完成时突出显示匹配的字母: 我有一组机场名称及其代码，以便在自动填充中显示。例如Amsterdem（AMS）我想匹配搜索框中输入的值，我想显示匹配的机场名称以及机场代码粗体，如下所示。如果我在搜索框中输入ams ，我想在我的自动填充中突出显示’Ams’terdem（’ AMS ‘）。我编写了如下代码： function () { var oldFn = $.ui.autocomplete.prototype._renderItem; $.ui.autocomplete.prototype._renderItem = function( ul, item) { var re = new RegExp(“^” + this.term, “i”) ; var t = item.label.replace(re,”” + this.term + “”); return $( “” ) .data( “item.autocomplete”, item ) .append( “” + t + “” ) .appendTo( ul […]

文本框浏览器自动填充选项不会触发keypress / keyup: 我有一个带有“keypress”事件的绑定，如下所示（请参阅jsfiddle： http ： //jsfiddle.net/periklis/RMyc7/ ）： $(document).ready(function() { $(‘#text_id’).bind(‘keyup’, function() { console.log(‘pressed!’); }); }); 我的问题是，如果我为该字段选择了一个浏览器建议（之前输入的值），那么keyup事件将不会触发。你有什么建议我应该做些什么来解决这个问题？测试铬17和Firefox 10 一如既往地谢谢

使用codeigniter进行jquery自动完成: 我正在使用带有codeigniter框架的jQuery自动完成function。这目前100％有效。我的模型是： function get_sku_code($q){ $this->db->select(‘ProductCode’); $this->db->like(‘ProductCode’, $q); $query = $this->db->get(‘ProductList’); if($query->num_rows > 0){ foreach ($query->result_array() as $row){ $row_set[] = htmlentities(stripslashes($row[‘ProductCode’])); //build an array } $this->output->set_content_type(‘application/json’)->set_output(json_encode($row_set)); } } 我的观点javascript是： $(“#product”).autocomplete( { source: “get_sku_codes”, messages: { noResults: ”, results: function() {} }, select: function( event, ui ) { var selectedObj = ui.item; $.post(‘get_sku_prices’, {data:selectedObj.value},function(result) { $(“#product”).parent().parent().find(‘input[id^=”price”]’).val(result[0]); […]

$（…）。selfocomplete不是一个函数: 在jquery中使用auto complete。我正面临一个问题 TypeError：$（…）。autocomplete不是一个函数我包括了所有必要的脚本文件。我无法理解我犯了哪些错误。我该如何解决这个问题？ <script type="text/javascript" src="assets/js/jquery-1.9.1.js” > <script type="text/javascript" src="assets/js/jquery-1.7.1.min.js” > <script type="text/javascript" src="assets/js/jquery.hashchange.min.js” > <script type="text/javascript" src="assets/js/jquery.easing.1.3.js” > <script type="text/javascript" src="assets/js/jquery.tools.min.js” > $(document).ready(function () { $(‘#namanyay-search-box’).keyup(function (e) { var searched = $(‘#namanyay-search-box’).val() $.getJSON(‘get_data’, ‘title=’ + searched, function (result) { var elements = []; $.each(result, function (i, val) { elements.push(val.merchant_name) }) […]

jquery自动完成显示自定义结果: 我使用jQuery自动完成并尝试使用缩略图，标题和链接显示自定义结果。但是，我有一些困难使它工作。 source: function(req, response){ $.getJSON(search_ac.url+’?callback=?&action=’+acs_action, req, function( data ) { response( jQuery.map( data, function( item ) { jQuery.each( item, function( i, val ) { label = item.label; category = item.category; thumbnail = item.thumbnail; link = item.link; renderHtml = “” + “” + label + “” + category + “”; }) return $(renderHtml); })); }); […]

如何将自动完成绑定到动态创建的文本输入: 我试图将我的自动完成绑定到我在按钮单击时动态创建的输入，我似乎无法让它工作。当单击其中一个带有addincidentwitness类的按钮时，该字段会创建，但输入文本字段不会执行查找。以下是代码。首先是按钮。这是绑定到上面按钮的jquery代码。如您所见，我正在创建输入文本字段，下面是该输入字段的自动完成function。 $(function(){ $(“.addincidentwitness”).click(function(){ if($(this).val()==”Add MCH Person”){ $(“#addwitnessdiv”).empty(); $(“#addwitnessdiv”).append( $(”).prop({for:”addmchwitness”}).text(“MCH Person to Add”) ).append( $(”).prop({type:”text”,name:”addmchwitness”,id:”addmchwitness”}) ) $(function(){ $(“#addmchwitness”).autocomplete({ source:”../json/getanymchpersonjson.php”, select:function(e,u){ if($(“#”+u.item.Mchnum).length>0){ alert(“You already have this employee as a witness.”) }else{ $(“#witnessesdiv”).append( $(”).prop({id:u.item.Mchnum}).append( $(”).text(“MCH Person”) ).append( $(”).prop({type:”hidden”,name:”witnessmchnums[]”,value:u.item.Mchnum}) ).append( $(”).prop({type:”text”,value:u.item.label,readonly:true}) ) ) } $(“#addwitnessdiv”).empty(); }, minLength:3 }) }) } }) }) 我如何将它绑定到字段上肯定有问题，但是当我使用chrome检查输入字段时，它似乎将适当的类从jquery附加到字段。以下是现场检查的输出。 […]

如何定位jQuery自动完成小部件: 我在我的页面上使用Mottie虚拟键盘（ https://github.com/Mottie/Keyboard/wiki ）。它附加到一个输入元素，它使用jQuery自动完成function在用户输入时显示结果。一切都运行正常，除了自动完成结果的位置。我已经尝试在自动完成中设置位置元素，但无论我做什么，它总是显示在左侧，与虚拟键盘位于同一水平顶部。有谁知道我如何重新定位“autocomplete-result-widget”？ HTML代码：我的Autocomplete.js文件： $(document).ready(function () { var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_initializeRequest(InitializeRequest); prm.add_endRequest(EndRequest); // Place here the first init of the autocomplete InitAutoComplete(); /* // Getter var position = $(“#txtSearch”).autocomplete(“option”, “position”); console.log(position); // Setter $(“#txtSearch”).autocomplete(“option”, “position”, { my: “right top”, at: “right bottom” }); position = $(“#txtSearch”).autocomplete(“option”, “position”); console.log(position);*/ }); […]

jQuery搜索JSON并填充表单字段: 我一直在搜索Stackoverflow和网络寻找答案。我找到了一些很好的建议（例如http://af-design.com/blog/2010/05/12/using-jquery-uis-autocomplete-to-populate-a-form/ ）但是没有得到任何建议工作…完全由于我的无知！我有一个包含Locality，State和Postcode数据的JSON文件（缩短版本）： [ { “PCODE”:7255, “LOCALITY”:”LOCCOTA”, “STATE”:”TAS” }, { “PCODE”:7255, “LOCALITY”:”LUGHRATA”, “STATE”:”TAS” }, { “PCODE”:7255, “LOCALITY”:”MEMANA”, “STATE”:”TAS” } ] 基本上我想允许用户在表单字段中输入一个Locality，然后让jQuery搜索JSON文件，找到Postcode和State的匹配项，并使用这些匹配的值来填充Postcode和State表单文本字段这是我正在使用的表单以及http://af-design.com/中提取的一些测试jQuery（我无法开始工作 – 我的错，不是源脚本）： label{ float:left; width:80px; } $(document).ready(function(){ var ac_config = { source: “p-codes.json”, select: function(event, ui){ $(“#city”).val(ui.item.LOCALITY); $(“#state”).val(ui.item.STATE); $(“#zip”).val(ui.item.PCODE); }, minLength:1 }; $(“#city”).autocomplete(ac_config); }); City State Zip 任何帮助或建议将不胜感激！问候，湄公河

自动完成动态创建的输入: 第一篇文章！和java *中的菜鸟无论如何！我知道有很多关于这个主题的post，我已经读过它们了……我无法解决这个问题。我有非常简单的HTML表单，包含静态输入和动态创建的输入。 HTML自动填充 // Funcion Autocomplete de jQuery para buscar los clientes y los productos en el input con id “buscar” y clase “buscar_prod” $().ready(function() { $(“#buscar”).autocomplete(“get_client_list.php”, { width: 260, matchContains: true, selectFirst: false }); }); $().ready(function() { $(“.buscar_prod”).autocomplete(“get_product_list.php”, { width: 260, matchContains: true, selectFirst: false }); }); HTML表单 Cliente: Referencia y […]