Getting Syntax error in javascript function

Question

var hdata = '<select id="drpTransProvider" style="width:150px;" onchange="return SetValueofDropdown(\"transprovider\",this.value);"><option value=""></option>';

why there is an syntax error in browser ?

it is like

SyntaxError: syntax error
return SetValueofDropdown(

• dumbass: This question is similar to: How do I properly escape quotes inside HTML attributes?. If you believe it’s different, please edit the question, make it clear how it’s different and/or how the answers on that question are not helpful for your problem.

Answer 1

You need to escape ' not ", so :

var hdata = '<select id="drpTransProvider" style="width:150px;"
onchange="return SetValueofDropdown(\'transprovider\',this.value);"><option value=""></option>';

• Amit: Same answer as me but I have posted before you
• Anthony Grist: @AmitAgrawal So what? You were 13 seconds faster, and this has marginally more explanation as to what has been changed. If you want upvotes, consider slightly more supporting text than "Try this".

Answer 2

Try this

var hdata = '<select id="drpTransProvider" style="width:150px;" 
onchange="return SetValueofDropdown(\'transprovider\',this.value);"><option value=""> </option>';

Answer 3

You're using " characters inside your onclick attribute that is declared using " characters too. Try this:

onchange="return SetValueofDropdown(\'transprovider\',this.value);"

Answer 4

I used your code but I didn't get any error.I added extra code that is at last. I used in this manner.

My Html Code:

<span id="test"></span>

My script code:

<script type="text/javascript">
 $(document).ready(function(){
 var hdata = '<select id="drpTransProvider" style="width:150px;" onchange="return SetValueofDropdown(\"transprovider\",this.value);"><option value=""></option></select>';
 $('#test').html(hdata);
 });
</script>