Question

我试图通过使用JQuery来更改我的HTML代码。当我使用这段代码时，它可以工作：

$('.theclass').html('hello');

但我真正想做的是在我的HTML中包含一个statemente。所以我尝试了这个，但它不起作用。

$('.theclass').html( 
    "<select name='myName' id='myId'>
        <option value=''>-</option>
        <option value='A'>A</option>
        <option value='B'>B</option>
    </select>"
);

有任何帮助吗？感谢

Answer 1

当字符串输入超出新行时，请尝试concatenate字符串正确

$('.typehidden .controls').html( 
    "<select name='myName' id='myId'>"
        + "<option value=''>-</option>"
        + "<option value='A'>A</option>"
        + "<option value='B'>B</option>"
    + "</select>"
);

Answer 2

您可以使用\创建多行字符串。

$('.theclass').html( 
    "<select name='myName' id='myId'>\
        <option value=''>-</option>\
        <option value='A'>A</option>\
        <option value='B'>B</option>\
    </select>"
);

Answer 3

没有+或\运算符的多行不起作用，可以使用Rajaprabhu答案，也可以单行编写。

$('.theclass').html(  "<select name='myName' id='myId'><option value=''>-</option><option value='A'>A</option><option value='B'>B</option></select>");

尝试使用Jquery更改HTML

3 个答案: