jquery追加按钮错误!

时间:2011-06-19 00:14:08

标签: javascript jquery html

我显然做错了一件小事:

theDiv.append('<input type="button" id='+id+ 'value='+value+'></input>');

其中id和value是我指定为字符串的变量。为什么这不起作用?什么是快速解决方法?

感谢。

3 个答案:

答案 0 :(得分:2)

您需要在ID和value属性之间留一个空格:

 // --------------------------------------v
.append('<input type="button" id="'+id+ '" value="'+value+'">');  

我还在属性值周围添加了双引号,并删除了结束</input>标记。

这导致:

<input type="button" id="id" value="value">

...将“id”作为id的值,将“value”作为value的值。

您拥有它的方式,id属性的值以及value属性本身已合并,因此如果id的值为“id”,则会显示像:

<input type="button" id=idvalue=value>

答案 1 :(得分:2)

确实有效。您只是缺少属性周围的引号:

theDiv.append('<input type="button" id="'+id+ '" value="'+value+'" />');

示例:

http://jsfiddle.net/niklasvh/LqvyQ/

答案 2 :(得分:1)

如果我有id = 1且值= 15那么这就是它进入页面的原因

<input type="button" id=1value=15></input>

什么时候应该

<input type="button" id="1" value="15"></input>