Jquery append line break

Question

I have a dynamic select change option used jquery append the option. I need to add many option list. However I get error when I put line break between.

$("#country").change(function(){
    switch($("#country").val()){
        case "usa":$("#state").append("<option value='AL'>Alabama</option><option value='CA'>California</option>...");break         
        case "aus":$("#state").append("..");break...    
    }
});

I got error when I put line break between,is any way to solve this problem, because I need to add many option list. it's very hard to edit without the line break.

case "usa":$("#state").append("
    <option value='AL'>Alabama</option>
    <option value='CA'>California</option>...
");break

You really should fetch your data from a json object or server side, doing it like this will be horrible to maintain. — Willem D'Haeseleer, May 24 '13 at 08:47

score 5 · Accepted Answer · edited May 23 '17 at 12:17

5

You need to escape the line break in the string, see: Creating multiline strings in JavaScript

case "usa":$("#state").append(" \
    <option value='AL'>Alabama</option> \
    <option value='CA'>California</option>... \
");break

edited May 23 '17 at 12:17

Community

1
1

answered May 24 '13 at 08:45

CodingIntrigue

75,930
30
170
176

Jquery append line break

1 Answers1