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..

Answer 1

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

DEMO

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

Answer 2

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(",");

Answer 3

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

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