动态插入input有错误。。。

楼上正解，的确是全局变量和局部变量的问题另诚挚地问一句：
$("p#s"+a).remove();
这种写法从来没见过，高手帮解释一下？

解决方案 »

  1.   

    是不是你想要的效果？每次只加一个~你的jq写的有问题<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    var i=0;
    function add() {
        $("#selects").after("<p class=\"selects\" id=\"s"+i+"\"><input value=\""+i+"\" type=\"text\"  name=\"selects[]\" ><a href=\"#\" onClick=\"del("+i+")\">删除</a></p>");
        i++;
        return true;
        //alert("<p class=\"selects\" id=\"s"+i+"\"><input type=\"text\" name=\"selects[]\" ><a href=\"#\" onClick=\"del("+i+")\">删除</a></p>")
    }
    function del(a) {
        $("p#s"+a).remove();
        //alert("s"+a);
    }
    </script><body><form>
    <p id="selects" ><input type="text" id="" name="selects[]" ></p>
    </form>
    <a href="#" onClick="add()">添加</a>
    </body></HTML>