Cannot get option text when using dynamic select dropdown in jquery

Question

Here, I am getting options text in select dropdown using jquery

tmp_selected  = $('#new_autoccType option:selected').text();

But, I can't able to equal the strings, getting correct options text in alert. It doesn't goes to if loop if the strings are equal. This is not working only if I use dynamic options value, if it is static, I can get the values.

Could somebody help?

var def_expval="";
var newEC = 1;
var strNewCC = 1;


data = '<select class="tablefont" name="new_autoccType" id="new_autoccType">';	
 data+='<option value= '+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+newEC+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+' > '+"New Electronic Check"+' </option>';
		  data+='<option value= '+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+strNewCC+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+','+def_expval+' > '+"New Debit/Credit Card"+' </option>';
data +='</select>';

$("#somedivs").html(data);


$('#new_autoccType').change(function() {  
	           selOption =  $(this).val();
	            tmp_selected  = $('#new_autoccType option:selected').text();
			   alert(tmp_selected);	
			   if(tmp_selected == "New Electronic Check")
	           {
	           		alert("inside ec");
					//some operations	
	           }
          if (tmp_selected == "New Credit/Debit Card")
	           {
       			 alert("inside cc");
       	 		//some operations
	           } 
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="somedivs"></div>

Static JS FIDDLE

Dynamic JS FIDDLE - PROBLEM HERE

Oleksandr T. · Accepted Answer · 2015-01-02 07:53:00Z

1

Try remove spaces, for this operation you can use trim function

var tmp_selected = $('#new_autoccType option:selected').text().trim();

Also for the second condition change text

from if (tmp_selected == "New Credit/Debit Card") to if (tmp_selected == "New Debit/Credit Card")

Demo: http://jsfiddle.net/hs74sby1/13/

edited Jan 2, 2015 at 7:53

answered Jan 2, 2015 at 7:29

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

Comments

Suraj Rawat · Accepted Answer · 2015-01-02 07:29:49Z

1

You have spaces in your strings use $.trim(tmp_selected) function to remove spaces

if(tmp_selected == " New Electronic Check ")
           {
                alert("inside ec");
                //some operations   
           }
     if (tmp_selected == " New Debit/Credit Card ")
           {
             alert("inside cc");
            //some operations
           }

Working Link

answered Jan 2, 2015 at 7:29

Suraj Rawat

3,76326 silver badges33 bronze badges

Comments

Suchit kumar · Accepted Answer · 2015-01-02 07:30:53Z

1

use trim() to remove spaces from the selected text like this:

 var tmp_selected = $('#new_autoccType option:selected').text().trim();

answered Jan 2, 2015 at 7:30

Suchit kumar

11.9k3 gold badges26 silver badges46 bronze badges

Comments

SimarjeetSingh Panghlia · Accepted Answer · 2015-01-02 07:33:09Z

1

js fiddle

try this

$('#new_autoccType').change(function() {  
               selOption =  $(this).val();
               tmp_selected  = $('#new_autoccType option:selected').text();
               alert(tmp_selected); 
               if(tmp_selected.trim() == "New Electronic Check")
               {
                    alert("inside ec");
                    //some operations   
               }
               if (tmp_selected.trim() == "New Debit/Credit Card")
               {
                 alert("inside cc");
                //some operations
               } 
}).change();

answered Jan 2, 2015 at 7:33

SimarjeetSingh Panghlia

2,21016 silver badges14 bronze badges

Comments

Sujit Patil · Accepted Answer · 2015-01-02 08:15:56Z

1

Use $.trim(tmp_selected) for comapring, remove space

$('#new_autoccType').change(function() {  
           selOption =  $(this).val();
            tmp_selected  = $('#new_autoccType option:selected').text();
           alert(tmp_selected); 
           if($.trim(tmp_selected) == "New Electronic Check")
           {
                alert("inside ec");
                //some operations   
           }
      if ($.trim(tmp_selected) == "New Credit/Debit Card")
           {
             alert("inside cc");
            //some operations
           } 
    }).change();

answered Jan 2, 2015 at 8:15

Sujit Patil

1834 bronze badges

Collectives™ on Stack Overflow

Cannot get option text when using dynamic select dropdown in jquery

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related