The input week list property in HTML DOM is used to return the reference to the list element that contains an input week field.
Syntax:
weekObject.list.id
Return value: It returns a string value that represents the value of the id attribute of the datalist element.
Example: Below HTML code is used to return the input week list property.
HTML
<!DOCTYPE html> < html >
< head >
< title > HTML DOM Input Week list Property</ title >
</ head >
< body style = "text-align:center;" >
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< h2 >DOM Input Week list property</ h2 >
< form id = "formID" >
< input type = "week" id = "week_id"
list = "week_list" name = "geeks"
value = "2019-W10" >
< datalist id = "week_list" >
< option value = "2021-W12" />
< option value = "2022-w23" />
< option value = "1999-W14" />
< option value = "2022-w15" />
< option value = "1998-W19" />
</ datalist >< br >< br >
</ form >
< br >
< button onclick = "btnclick()" >
Click Here!
</ button >
< p id = "paraID" style = "font-size:20px;" ></ p >
<!-- Script returns the Input week list property -->
< script >
function btnclick() {
var weeklistVar = document
.getElementById("week_id").list.id;
document.getElementById("paraID")
.innerHTML = weeklistVar;
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers:
- Google Chrome 20
- Edge 12
- Opera 11