Question

我希望每次点击我的段落时都能添加一个新的标准化选择框选项，例如我的段落写如下：

<p id="newsublevel">Click here to add a new sub level to your navigation</p>

一旦我点击这个，我希望我的jQuery代码在div中的现有名称下添加一个名为maincontent的新选择框（这是一个不是id的类）。我现在有一个jQuery语法警告，但我在这方面没有太多经验，有谁知道我做错了什么？

默认情况下，我在add.html页面上有这个

<h2 class="sitemaphead">Sitemap</h2>
<p>Add a sub level to About.</a></p>

<select>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
</select>

<p id"newsublevel">Click here to add another sub level</p>

在我的jQuery中，我有以下内容：

    $("#newsublevel").click(function() {
$(".maincontent").append('<select>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
<option value-"Home">Home</option>
</select>');
    });

Answer 1

分配value="Home"

您的代码变为

$("#newsublevel").click(function () {
    $(".maincontent").append('<select><option value="Home">Home</option><option value="Home">Home</option><option value="Home">Home</option><option value="Home">Home</option><option value="Home">Home</option><option value="Home">Home</option><option value="Home">Home</option></select>');
});

和HTML

<p id="newsublevel">

Answer 2

<强>替换

<p id"newsublevel">

。通过

<p id = "newsublevel"> -----^^^^----

Answer 3

在每个字符串行的末尾添加\，就像这样

$(".maincontent").append('<select>\
<option value="Home">Home</option>\
<option value="Home">Home</option>\
<option value="Home">Home</option>\
<option value="Home">Home</option>\
<option value="Home">Home</option>\
<option value="Home">Home</option>\
<option value="Home">Home</option>\
</select>');

Answer 4

检查你的HTML ... 值*的 - 的* “家” 和 * ID “ * newsublevel”

要做到这一点，你可以尝试：

$('#newsublevel').live('click', function() {
    $('select').clone().appendTo('.maincontent')
})

jquery在点击时添加新的选择框

4 个答案: