jquery-ui-autocomplete

问题 This is my code. I am trying to search only if user enter "[" symbol. But user can enter normal words also like hello. Example : Hello - no need to autocomplete. [Hello] - need to autocomplete. Here is the jsfiddle sample function split(val) { return val.split(/,\s*/); } function extractLast(term) { return split(term).pop(); } var availableTags = [ "[Hello]", "[Hello World]", "[Google", "[New Life]", "[World]", "[Old]" ]; $("#tags").autocomplete({ source: function(request, response) { //

问题 I have a simple input like that <input id="name-srch" type="text" data-type="string"> And my js (simplified) $('#name-srch').autocomplete({ source: function (request, response) { $.ajax({ url: ..., data: ..., success: function (data) { // note that 'data' is the list of elements to display response(data) } }); }, select: function (event, ui) { // do some stuff return false }, focus: function (event, ui) { console.log(ui.item.Name) // just to see if the focus event is triggered, and it is

问题 The problem is in the title, I don't know how to make an autocomplete widget dependent on the other. In my example, I have 2 columns in my database: firstName lastName And some rows: Dupont Francois Dupont Oliver Lapeche Jean If I enter Dupont in the first autocomplete input, I want the second autocomplete to suggest Oliver and Francois , not Jean ! This is my code HTML : <form action="../../controler/add/addUserDevice.php" onsubmit="return verifUserDevice(this)" method="post"> <table> <tr>

问题 The problem is in the title, I don't know how to make an autocomplete widget dependent on the other. In my example, I have 2 columns in my database: firstName lastName And some rows: Dupont Francois Dupont Oliver Lapeche Jean If I enter Dupont in the first autocomplete input, I want the second autocomplete to suggest Oliver and Francois , not Jean ! This is my code HTML : <form action="../../controler/add/addUserDevice.php" onsubmit="return verifUserDevice(this)" method="post"> <table> <tr>

问题 The solution for only 2 options is posted here @VinayC : jQuery UI - Autocomplete source dependent from selected option in different input But I need a solution for more than two options in my select? The code is here: http://jsbin.com/fakuwohupa/edit?html,js,output <select id="country"> <option value="">Choice one</option> <option value="1">US</option> <option value="2">UK</option> <option value="3">GR</option> <option value="4">IT</option> </select> <form id="aspnetForm" action="" method=

问题 The Autocomplete worked just fine IF only have one input field. but in my case i have to generate the input field. so anyway this is my code. HTML PART <div class="clonedInput" id="input1"> <div class="row" id="items"> <div class="col-md-4"> <div class="form-group"> <div class="input-group"> <span class="input-group-btn"> </span> <input type="text" id="sug_input" class="form-control" name="title" placeholder="Search for product name"> </div> <div id="result" class="list-group result"></div> <

问题 I am using JQuery UI's autocomplete. I have a number of values, as well as a small collection of keywords, one of which is assigned to each value. I would like to display each pair in a mini-table, with the keyword in one cell and the value in the other. To do this, I am overwriting _renderItem , as mentioned in the documentation. However, when I do this, clicking on a value (or a keyword) doesn't actually do anything, so I cannot select any values. I suspect it has something to do with data(

问题 I am using JQuery UI's autocomplete. I have a number of values, as well as a small collection of keywords, one of which is assigned to each value. I would like to display each pair in a mini-table, with the keyword in one cell and the value in the other. To do this, I am overwriting _renderItem , as mentioned in the documentation. However, when I do this, clicking on a value (or a keyword) doesn't actually do anything, so I cannot select any values. I suspect it has something to do with data(

问题 I'm using Autocomplete from jquery-ui. In the multiple values, you can get dropdown list for each word after space, but the dropdown appears at the size of the input box. Is it possible to make the dropdown appear below the cursor of each which has a width equivalent to the dropdown words and not the entire length of the input box? EDIT: Example (Google-like search box): When you go to google and enter a long sentence as the sentence goes on, after each word, an autocomplete dropdown appears

问题 I'm using Autocomplete from jquery-ui. In the multiple values, you can get dropdown list for each word after space, but the dropdown appears at the size of the input box. Is it possible to make the dropdown appear below the cursor of each which has a width equivalent to the dropdown words and not the entire length of the input box? EDIT: Example (Google-like search box): When you go to google and enter a long sentence as the sentence goes on, after each word, an autocomplete dropdown appears