missing ) after argument list? jQuery

Question

Using the code below I can insert a new row to my table (#courseelements).

$("#addbutton").click(function() {
      $('#courseelements > tbody:last').append('<tr><td>Helloworld</td></tr>');
    });

However, I'd like to replace the Helloworld with a <select> element. So something like this:

$("#addbutton").click(function() {
      $('#courseelements > tbody:last').append('<tr><td>

        <select class='plan_id'>
            <option value='1'>Description</option>
            <option value='2'>Description</option>
            <option value='3'>Description</option>  
        </select>


      </td></tr>');
    });

But this gives me "missing ) after argument list" on the first apostrophe ' <select class='

Any ideas why?

des got it before I could, but you can even see in your question, the coloring is different for plan_id because it is being parsed as outside of the string — Alex W, Jun 20 '12 at 16:41
(This is why it pays to use an *appropriate* editor -- the kind that does syntax highlighting, indenting, perhaps even static analysis, etc...) — , Jun 20 '12 at 16:42

score 4 · Accepted Answer · answered Jun 20 '12 at 16:40

You forgot to escape quotes:

$("#addbutton").click(function() {
  $('#courseelements > tbody:last').append('<tr><td>

    <select class=\'plan_id\'>
        <option value=\'1\'>Description</option>
        <option value=\'2\'>Description</option>
        <option value=\'3\'>Description</option>  
    </select>


  </td></tr>');
});

As alternative you can wrap whole appended string in double quotes insetead of single quotes:

$("#addbutton").click(function() {
  $('#courseelements > tbody:last').append("<tr><td>

    <select class='plan_id'>
        <option value='1'>Description</option>
        <option value='2'>Description</option>
        <option value='3'>Description</option>  
    </select>


  </td></tr>");
});

If you go the escape route, you'll need to escape the quotes in `option value='1'`, etc., as well. — Jacob Mattison, Jun 20 '12 at 16:41

The Alpha · Answer 2 · 2012-06-20T17:08:15.963

1

var select=$("<select class='plan_id'></select>")
    .append("<option value='1'>Description</option>")
    .append("<option value='2'>Description</option>")
    .append("<option value='3'>Description</option>");

 $('#courseelements > tbody')
.append($("<tr><tr>"))
.append($("<td></td>")
.append(select));

DEMO.

edited Jun 20 '12 at 17:08

answered Jun 20 '12 at 16:39

The Alpha

143,660
29
287
307

score 1 · Answer 3 · answered Jun 20 '12 at 16:40

You need to use a different quote type for the quotes inside your HTML than you do for the quotes surrounding the HTML:

$("#addbutton").click(function() {
      $('#courseelements > tbody:last').append("<tr><td>

        <select class='plan_id'>
            <option value='1'>Description</option>
            <option value='2'>Description</option>
            <option value='3'>Description</option>  
        </select>


      </td></tr>");
    });

This gives me "unterminated string literal" – David Jun 20 '12 at 16:48 — David, Jun 20 '12 at 16:48

score 1 · Answer 4 · answered Jun 20 '12 at 16:41

1

You have to use different quote marks.

select class="plan_id">

double here since the entire string is delimited with single.

answered Jun 20 '12 at 16:41

Vincent Ramdhanie

102,349
23
137
192

score 1 · Answer 5 · answered Jun 20 '12 at 16:43

change the single quotes with double quotes inside the string-

<select class="plan_id">
            <option value="1">Description</option>
            <option value="2">Description</option>
            <option value="3">Description</option>  
        </select>

or escape them with \ like-

<select class=\'plan_id\'>......

Rodrigo Moraes · Answer 6 · 2012-07-12T16:47:07.080

0

And if you want to call $('').append through PHP echo, like this:

$info= "<div style=\'font-size:9px;\'>
    <img src=\'./img/filtro.png\'>Some tips
</div>";
echo "<script type='text/javascript'>
    $('#divTips').append('$info'); 
</script>";

Make sure replacing all your break lines before, like this:

$info= preg_replace( '/\s+/', ' ', $info);

edited Jul 12 '12 at 16:47

answered Jul 12 '12 at 14:59

Rodrigo Moraes

39
4

missing ) after argument list? jQuery

6 Answers6