0

我希望每次单击我的段落时都能够附加一个新的标准化选择框选项，例如我的段落如下所示：

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

单击此按钮后，我希望我的 jQuery 代码在名为 maincontent 的 div 中现有的下方添加一个新的选择框（这是一个类而不是 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>');
    });
4

4 回答 4

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">
于 2013-09-13T10:51:39.960 回答
0

代替

<p id"newsublevel">

和

<p id = "newsublevel">
-----^^^^----
于 2013-09-13T10:51:53.593 回答
0

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

$(".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>');
于 2013-09-13T10:53:18.883 回答
0

检查你的 html... value* - *"Home" 和 * id" *newsublevel"

为此，您可以尝试：

$('#newsublevel').live('click', function() {
    $('select').clone().appendTo('.maincontent')
})
于 2013-09-13T10:56:02.907 回答