How do I get the value from a combo in Javascript?

If you don’t use any javascript framework such as jquery.js or prototype.js the combo object isn’t so easy to use,…

November 13, 2009

If you don’t use any javascript framework such as jquery.js or prototype.js the combo object isn’t so easy to use, because when you try to get the selected value or the selected option string you can’t do it simply with obj.value as you do for a input type text box.
You can add this two function to the object:

HTMLSelectElement.prototype.getValue = function () {
	return this.options[ this.options.selectedIndex ].value ;
}
HTMLSelectElement.prototype.getText = function () {
	return this.options[ this.options.selectedIndex ].innerHTML ;
}

So you can reach the value and the option string simply this way:

var SelectedValue = document.form.comboname.getValue();
var SelectedOptionString = document.form.comboname.getText();

Author

I'm a software engineer, an everyday web developer and a maker. I usually build sites with PHP, within or without WordPress. I build Internet of Things with Arduino and ESP8266. I'm the founder of Rockit.it and Dailybest.it and I'm actually the Chief Technical Officer of Better Days web agency.

Recommended

Click links with JavaScript

If you want to click on objects, anchors, table cells or any other html element to emulate the javascript behaviour…

November 18, 2009

Add Internet Explorer class to body to detect old browser

When you have clients that still uses an old browser, you need to handle it. This javascript function detects the…

February 27, 2017

Modify list counter in :before pseudo class with jQuery using start attribute

Suppose you have two ordered list ol tags, and the second one has a start attribute. You also have in…

April 20, 2016

Refresh a Google Adsense banner with Javascript

Often bloggers and site owners use galleries to have a greater number of pages, adding pages means adding clicks. Each…

November 9, 2013

Detect if is mobile with Javascript, read user agent

How to detect if your user is using a mobile device in Javascript? You can do it by checking the…

November 5, 2013

Unobtrusive javascript to add an overlay banner

If you have to add an overlay to a site, here is a fast way to do it with an…

November 7, 2011