Baseline Widely available
The list
read-only property of the HTMLInputElement
interface returns the HTMLDataListElement
pointed to by the list
attribute of the element, or null
if the list
attribute is not defined or the list
attribute's value is not associated with any <datalist>
in the same tree.
Note: This is a read-only property. To associate a <datalist>
with an element, set the value of the list
attribute with setAttribute()
.
An HTMLDataListElement
or null
.
Given the following HTML:
<label for="planet">Which planet are you from?</label>
<input id="planet" type="text" list="superhero" />
<datalist id="superhero">
<option value="Azarath"></option>
<option value="Krypton"></option>
<option value="Tamaran"></option>
</datalist>
You can retrieve the <datalist>
element associated with the <input>
:
const inputElement = document.querySelector("#planet");
console.log(inputElement.list); // returns the superhero HTMLDatalistElement
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3