Access Value and selected text of html select control in java script

Question

1.00/5 (1 vote)

See more:

I have a select control like this.

JavaScript

<script type="text/javascript">
        function countrychange() {
            var cou = document.getElementById('country').value;
            alert(cou);
        }
</script>

HTML

<select id="country" name="D1"  önchange="countrychange()">
        <option value="IN">India</option>
        <option value="US">USA</option>
</select>

When I change any country then it is displaying me it's value, but I want to display like this, suppose Option-India selected, then it should show me India.

Posted 9-Nov-11 1:43am

Surendra Tarai

Updated 9-Nov-11 2:51am

RaisKazi

v2

Add a Solution

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

shashikanth 2011 · Answer 1 · 2011-11-09T02:01:00

Solution 1

are you familiar with Jquery..?
or Try this

JavaScript

var name=document.getElementById('country')[document.getElementById('country').nodeType].innerHTML

Posted 9-Nov-11 2:01am

shashikanth 2011

Comments

nhatnguyen124 9-Nov-11 23:24pm

y

Jamal Seyedi · Answer 2 · 2011-11-09T02:22:00

Solution 2

C#

var sel = document.getElementById('country');
var index = sel.selectedIndex;
var text = sel.options(index).text;
alert('the text is :'+ text + '\nthe value is : '+sel.value);

Posted 9-Nov-11 2:22am

Jamal Seyedi

Access Value and selected text of html select control in java script

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Access Value and selected text of html select control in java script

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us