Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

HTML DOM Datalist Object

❮ Previous Next Reference ❯

Datalist Object

The Datalist Object is new in HTML5.

The Datalist object represents an HTML <datalist> element.

Note: The <datalist> element is not supported in Internet Explorer 9 (and earlier versions), or Safari.

Access a Datalist Object

You can access a <datalist> element by using getElementById():

Example

var x = document.getElementById("myDatalist");

Try it Yourself »

Create a Datalist Object

You can create a <datalist> element by using the document.createElement() method:

Example

var x = document.createElement("DATALIST");

Try it Yourself »

Datalist Object Collections

Collection	Description
options	Returns a collection of all the options in a datalist

Standard Properties and Events

The Datalist object also supports the standard properties and events.

Related Pages

HTML tutorial: HTML Forms

HTML reference: HTML <datalist> tag

❮ Previous Next Reference ❯