How to get HTML select tag elements, option text not value

Question

I know how to get the value of a selected option but i am wondering how to get its text.

this is how i access the option using the value ?

$('#dropdownId').children('option[value="'+5691+'"]').hide();

something like below,

$('#dropdownId').children('option[text="'+'some text'+'"]').hide();

Looks like you try to get element by contained text insteed of getting text of element. So you've got a lot of irrelevant answers... — YD1m
– YD1m, Commented Jul 3, 2013 at 12:03

vusan · Accepted Answer · 2013-07-03 11:54:10Z

2

try:

$('#dropdownId').children('option[value="'+5691+'"]').text()

answered Jul 3, 2013 at 11:54

vusan

5,3574 gold badges50 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

YD1m Over a year ago

He need to get element not text.

YD1m · Accepted Answer · 2013-07-03 11:53:33Z

1

Use this:

.children("option:contains('"+text+"')")

answered Jul 3, 2013 at 11:53

YD1m

5,9152 gold badges22 silver badges25 bronze badges

3 Comments

dev1234 Over a year ago

how can i lower case the text ? is something like this is possible. lower(text) ?

YD1m Over a year ago

yes, native js .toLowerCase() method: .children("option:contains('"+text.toLowerCase()+"')")

dev1234 Over a year ago

tnx but i want something like below...... i have this... $('#dd_type_call').children("option:contains('"+'Hello World'+"')").hide(); Instead of this, I want to check like this. $('#dd_type_call').children("option:lower(contains)('"+'hello world’+"')").hide();

Pankucins · Accepted Answer · 2013-07-03 11:53:51Z

1

Use .text().

Here's a fiddle - http://jsfiddle.net/friiks/XXsFy/

answered Jul 3, 2013 at 11:53

Pankucins

1,7301 gold badge16 silver badges25 bronze badges

1 Comment

dev1234 Over a year ago

$('#dd_type_call').children("option:contains('"+'Hello World'+"')").hide(); Instead of this, I want to check like this. $('#dd_type_call').children("option:lower(contains)('"+'hello world’+"')").hide();

Nono · Accepted Answer · 2013-07-03 12:00:27Z

Try this:

HTML:

<select id="foo"> <option value="1">foo</option> <option value="2">bar</option> </select>

Java Script:

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

Furquan Khan · Accepted Answer · 2013-07-03 12:15:52Z

I guess you are trying to achieve some thing like this

if($('#dropdownId').children().text()=="some text") $('#dropdownId').children().hide();

Thanks.

Collectives™ on Stack Overflow

How to get HTML select tag elements, option text not value

5 Answers 5

1 Comment

3 Comments

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

3 Comments

1 Comment

Comments

Comments

Related