Javascript/JQuery how to get text from multiple select input

Question

I want to return selected text, instead of value. I know how to return value:

$("#myid").multiselect("getChecked").map(function(){
     return this.value
}).get().join(",");

but I dont know how to get text. I tried in map function this.text, this.val() and so on, but none of that is working. Please help..

do you mean "$(this).text()" (as a jquery function) ?

y_nk
– y_nk

2013-02-20 14:16:40 +00:00
Commented Feb 20, 2013 at 14:16 — y_nk
– y_nk, Commented Feb 20, 2013 at 14:16

mplungjan · Accepted Answer · 2013-02-20 14:34:54Z

3

The multiSelect I could find uses TITLE to hold the text value

DEMO

$( "#myid" ).multiselect("getChecked").map(function(input){
   return input.title;
}).get().join(",");

answered Feb 20, 2013 at 14:34

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

Comments

Ram · Accepted Answer · 2013-02-20 14:30:21Z

1

DOM Element object doesn't have text property, you can use textContent property of DOM Element object or jQuery text method:

var texts = $("#myid").multiselect("getChecked").map(function(){
    return this.textContent || this.innerText;
    // return $(this).text();
}).get().join(",");

edited Feb 20, 2013 at 14:30

answered Feb 20, 2013 at 14:16

Ram

145k16 gold badges174 silver badges201 bronze badges

4 Comments

Ram Over a year ago

@mplungjan DOM Element object doesn't have text property. textContent is supported by standard browsers and innerText is supported by IE.

Ram Over a year ago

@mplungjan Can you provide a demo?

mplungjan Over a year ago

Hmm, I was going to, but multiselect("getChecked") sounds like a jQuery UI widget rather than an actual <select> object

Ram Over a year ago

@mplungjan They have value property but not text property.

Prox · Accepted Answer · 2013-02-20 14:21:39Z

0

There is jQuery method .html() method to get the innerHTML.

        $("#myid").multiselect("getChecked").map(function(){
           return this.html();
}).get().join(",");

answered Feb 20, 2013 at 14:21

Prox

9810 bronze badges

1 Comment

ddavison Over a year ago

i think you mean return $(this).html();

Collectives™ on Stack Overflow

Javascript/JQuery how to get text from multiple select input

3 Answers 3

Comments

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related