Jquery :How to Get Selected Option Full Text (with Spaces)

Question

I m using jQuery to get selected option text value. problem is that it retruns only initial text till space come.

My requirment as follow.

    <select id='list'>
    <option value='1'>This Is Option A</option>
    <option value='2'>This Is Option B</option>
    <option value='3'>This Is Option c</option>
</select>

<script>
alert($('#list').find('option:selected').text());
</script>

*IT Returns only 'This' instead of 'This Is Option A'*

Please Help

why don't you http://jsfiddle.net/ your code? and also put appropriate JQuery library. — Mox Shah, Apr 08 '15 at 05:55

score 0 · Answer 1 · answered Apr 08 '15 at 05:56

0

As swetha chinchore said, it is working fine, try to use the latest jquery library..

Script

$("#list").change(function(){
    alert($(this).find("option:selected").text());
});

Fiddle Demo

answered Apr 08 '15 at 05:56

Aru

1,840
1
12
15

score 0 · Answer 2 · answered Apr 08 '15 at 05:58

0

Try this:

alert(document.getElementById('list').options[document.getElementById('list').selectedIndex].outerHTML);

answered Apr 08 '15 at 05:58

Brijesh Bhatt

3,810
3
18
34

score 0 · Accepted Answer · answered Apr 08 '15 at 06:03

0

Its working as expected, check this demo,

http://jsfiddle.net/stanze/02e11v2p/

answered Apr 08 '15 at 06:03

stanze

2,456
10
13

Jquery :How to Get Selected Option Full Text (with Spaces)

3 Answers3