js不能自增的问题

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

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>   <input type=text" name="img'+k+'" value='+k+++' /></div>');
k=k+1;
}

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

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

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

HTML复制代码

<!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>   <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文件，可能你没法直接测试，不知道你怎么测试的。

源码及效果图请下载：

源码，带效果图.rar (38.72 KB, 下载次数: 2)

		自动登录	找回密码
密码			入住 CI 中国社区

[HELP] js不能自增的问题

点评