html-datalist

问题 I am using a datalist and need to detect when the user selects something from the drop-down list. A similar question has been asked BUT I need it so that the event fires ONLY when the user selects something from the datalist. If they type something in the input then I do NOT want the event to fire. (Notice in the accepted answer to the question I linked that they bind the input, which is not what I want). I've tried (with no success): <datalist> <option>Option 1 Here</option> <option>Option 2

问题 I would like to know how I can validate the input value that comes from a Datalist . I mean, if I have a Datalist where the user can start to write a value and then choosing it from the Datalist , but the user decides to don't choose any value from the list and he submits the form with the incomplete value, the sent value will be wrong. I thought about iterate over all the elements of the Datalist but I think that it can't be a good idea if the Datalist has more than 1.000 values and I don't

问题 I would like to know how I can validate the input value that comes from a Datalist . I mean, if I have a Datalist where the user can start to write a value and then choosing it from the Datalist , but the user decides to don't choose any value from the list and he submits the form with the incomplete value, the sent value will be wrong. I thought about iterate over all the elements of the Datalist but I think that it can't be a good idea if the Datalist has more than 1.000 values and I don't

问题 I have an issue that is manifesting between Chrome and Firefox's handling of the HTML5 datalist element. I may be abusing it, which Firefox is handling the way I expect, but Chrome is not. I have not tried it on Opera. This is for an in-house page, so I can control the browser being used. I set a value, as well as the inner-text, as in: <input list="Names" placeholder="Enter Name or ID" name="txtSearchValue" autocomplete="off"/> <datalist id="Names"><%=OptionsList%></datalist> The server-side

问题 I have an issue that is manifesting between Chrome and Firefox's handling of the HTML5 datalist element. I may be abusing it, which Firefox is handling the way I expect, but Chrome is not. I have not tried it on Opera. This is for an in-house page, so I can control the browser being used. I set a value, as well as the inner-text, as in: <input list="Names" placeholder="Enter Name or ID" name="txtSearchValue" autocomplete="off"/> <datalist id="Names"><%=OptionsList%></datalist> The server-side

问题 What I have now: So i have this HTML5 Datalist with a bunch of options in it, and I have 2 events firing. One when the user types out something that matches something the array of names that is populating the options such as "Rick Bross" or "Jack Johnson" (keyup). Another event that fires when a user starts typing the name, it pops up, the user arrows down, and hits "enter" (change). The problem: I need an event to fire when the user clicks one of the drop down options, BEFORE he types the

问题 Currently the HTML5 <datalist> element is supported in most major browsers (except Safari) and seems like an interesting way to add suggestions to an input. However, there seem to be some discrepancies between the implementation of the value attribute and the inner text on the <option> . For example: <input list="answers" name="answer"> <datalist id="answers"> <option value="42">The answer</option> </datalist> This is handled differently by different browsers: Chrome and Opera: FireFox and IE

问题 I have a working Ajax call and function that populates a datalist. The datalist is used to select from a finite list an addition to an UL element on the page. Once I add one from the datalist to the actual list, I want to remove that option from the datalist. The brute force method I'm using is to clear the datalist and repopulate it. function populate_datalist_from_array(list_id, list_str) { clearChildren( list_id ); var arr = eval ( list_str ); for (var i = 0; i < arr.length; i++) { var opt

问题 I'm trying to implement a datalist element with a built-in fallback for older browsers, as demonstrated on the w3 datalist element spec: <form action="http://example.com/" method="GET"> <label> Sex: <input name="sex" list="sexes" /> </label> <datalist id="sexes"> <label> or select from the list: <select name="sex"> <option value="" /> <option>Female</option> <option>Male</option> </select> </label> </datalist> <input type="submit" /> </form> However, the combination of an <input type="text">

问题 I am using a simple HTML5 datalist which serves as an autocomplete dropdownlist on a Chrome browser. The datalist I use is something like this: <datalist id="mylist"> <option value="123">Oranges</option> <option value="2312">Apples</option> <option value="33232">Bananas</option> </datalist> here is a jsFiddle: The problem is that when I start to type a value the search is done on the value instead on the text. Also the value is displayed to the user. Basically, what I want to do is: 1) Search