eric_zhang8 发表于 2015-11-11 12:05:08

js不能自增的问题

function addpic(){
var k=2;
    $("#pdiv").append('<div class="aptdiv" ><a href="#" name="rmpic"><img src="<?php echo base_url()?>images/admin/no.gif" title="删除图片" /></a>&nbsp;&nbsp;&nbsp;<input type=text" name="img'+k+'" value='+k+++' /></div>');
    k=k+1;
}

上面的代码,k没有实现到增加的效果,请问题出在哪里???

ci520 发表于 2015-11-12 09:27:55

给你测试代码自己测试吧，亲测可用。

<!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" />
<title>无标题文档</title>
</head>

<script src="jquery-1.9.0.min.js"></script>

<body>
    <div id="pdiv">
                       
        </div>
</body>
<script>
var k=1;
addpic();
        function addpic(){
    $("#pdiv").append('<div class="aptdiv" ><a onclick="addpic()" href="#" name="rmpic"><img src="<?php echo base_url()?>images/admin/no.gif" title="删除图片" /></a>&nbsp;&nbsp;&nbsp;<input type=text" name="img'+k+'" value='+k+' /></div>');
    k = k + 1;
}
</script>
</html>

eric_zhang8 发表于 2015-11-12 15:46:28

ci520 发表于 2015-11-12 09:27
给你测试代码自己测试吧，亲测可用。

input 输出的value值还是没有递增,value一直都是1.

Michael锐生 发表于 2015-11-13 00:38:00

你在函数里面定义的k是局部变量，函数执行完就没有了，改成全局变量就可以

一叶扁舟 发表于 2015-11-13 09:11:41

楼上正解

ci520 发表于 2015-11-13 09:18:25

eric_zhang8 发表于 2015-11-12 15:46
input 输出的value值还是没有递增,value一直都是1.

我写的方法和你的稍微有些区别，请不要做拿来主义，自己也要仔细对比对比，上面我发的源码，就是没有给你jquery-1.9.0.min.js文件，可能你没法直接测试，不知道你怎么测试的。




源码及效果图请下载：

页: [1]
查看完整版本: js不能自增的问题