W3Schools.com

Select multiple Property

Select Object Reference Select Object

Definition and Usage

The multiple property sets or returns whether more than one item can be selected from a dropdown list.

Syntax

Set the multiple property:

selectObject.multiple=true|false

Return the multiple property:

selectObject.multiple


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The multiple property is supported in all major browsers.


Example

Example

Select multiple options from a dropdown list:

<html>
<head>
<script type="text/javascript">
function displayResult()
  {
  document.getElementById("mySelect").multiple=true;
  }
</script>
</head>
<body>

<form>
<select id="mySelect" size="4">
  <option>Apple</option>
  <option>Pear</option>
  <option>Banana</option>
  <option>Orange</option>
</select>
</form>

<button type="button" onclick="displayResult()">Allow multiple selection</button>

</body>
</html>

Try it yourself »


Select Object Reference Select Object
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$7.95/mo SEO Hosting
Premium Website Design
WEB BUILDING
Download XML Editor
FREE Website BUILDER
Free Website Templates Free CSS Templates
Make Your Own Website
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE