I am creating an application that will be driven by a series of URL calls. The first step is to show an empty input box or a selection box. When the user enters a character, that character is inserted as a parameter in a URL and a list is returned to complete the drop-down menu.
This seemed simple, create a box, wait for the event & # 39; keyup & # 39 ;, get the list and complete the list of data. Then, wait for the user to select from the list or press another key and then continue with autocomplete or proceed to the next step in the process.
I have encountered numerous problems that tell me that I really do not understand how to do this. Do some have a good example or explanation of how to do this?
I am using javascript and D3 along with some other incidental code.
I had no real problem creating the box, writing the first character, calling the URL or returning to the list. When I try to complete the list, only part of the list appears before the page locks and stops responding.
There is nothing fancy in the code, but it is in the options.enter () the process stops.
d3.select (& # 39; input box & # 39;) .attr (& # 39; value & # 39 ;, null);
options let = d3.select (& # 39; datalist & # 39;) .selectAll (& # 39; option & # 39;) .data ());
options.exit (). remove ();
options.enter (). append (& # 39; option & # 39;) .each (function (d) {this.value = d});
d3.select (& # 39; # VAWfund_id & # 39;) .on (& # 39; select & # 39 ;, fundIdChanged);
Some of the problems are:
1. When I first click on the box, a list appears, I don't know where it comes from, but it is consistent and related to my environment.
2. The process fails and kills the web page.
3. I am not sure how to differentiate between writing characters and selecting options that will begin the next step in the process.
