Javascript 如何在Wordpress小部件中动态添加新实例（比如文本字段或复选框）？

我正在创建一个Wordpress小部件。我希望用户输入他们的电话号码。默认情况下，小部件应该只显示一个文本框和下面的一个链接，上面写着“添加新内容”。当用户单击链接时，第二个文本框应显示在第一个文本框下方，旁边有一个小（X），用于删除它

---

此功能位于Wordpress的后期编辑屏幕中。用户可以在那里动态“添加新类别”。这可以在小部件中实现吗？

当然可以。从小部件底部的HTML开始：

<h2><a href="#" id="addNew">Add New</a></h2>
<div id="numbers">
    <p>
        <label for="numbers"><input type="text" id="p_number" size="20" name="p_number" value="" placeholder="Input Number" /></label>
    </p>
</div>

现在有一点jQuery：

$(function() {
        var nmbrsDiv = $('#numbers');
        var i = $('#numbers p').size() + 1;

        $('#addNew').live('click', function() {
                $('<p><label for="numbers"><input type="text" id="p_number_' + i +'" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Number" /></label> <a href="#" id="remNew">Remove</a></p>').appendTo(nmbrsDiv);
                i++;
                return false;
        });

        $('#remNew').live('click', function() {
                if( i > 2 ) {
                        $(this).parents('p').remove();
                        i--;
                }
                return false;
        });
});

$（函数（）{
var nmbrsDiv=$（'数字'）；
变量i=$（'#数字p'）.size（）+1；
$（'#addNew'）.live（'单击'，函数（））{
$（'p>
'）。附录（nmbrsDiv）；
i++；
返回false；
});
$（'#remNew'）.live（'单击'，函数（））{
如果（i>2）{
$（this.parents（'p'）.remove（）；
我--；
}
返回false；
});
});

谢谢您的回复。我执行了你说的。但控制台给出错误：未定义scntDiv。我给出了小部件所在的div的id。但它不执行任何操作，也不会显示任何错误。