尝试用Jquery改变HTML

Trying to change HTML with Jquery

本文关键字：改变 HTML Jquery      更新时间：2023-09-26

我试图通过使用JQuery改变我的HTML代码。当我使用这段代码时，它工作了:

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

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

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

帮忙吗?由于

当您的字符串输入超出到较新的行时，尝试将字符串正确地concatenate，

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

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

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

没有+或'操作符的多行不工作，使用Rajaprabhu答案或您可以在单行中书写。

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