使用javascript动态创建列表项的不同长度

时间:2015-03-06 14:44:07

标签: javascript jquery html

我制作了一个输入(类型=文件)字段列表,其中可以通过添加或删除字段动态更改输入字段的数量。

所以列表看起来像这样:

<ol>
    <li><input type="file"><input type="text" placeholder="..."></li>
</ol>

见图片#1:http://i.stack.imgur.com/JG2dc.jpg

当我点击&#39; +&#39;按钮创建一个具有相同属性的新列表项,但不知何故,它比在html文件中编码的第一个项长。

见图片#2:http://i.stack.imgur.com/5neP3.jpg

我尝试了Firefox和Chrome,结果相同。有人知道为什么会这样吗?

1 个答案:

答案 0 :(得分:0)

我的猜测是硬编码代码中有空格,而生成的代码则没有。

&#13;
&#13;
<ul>
  <li><input type="file"> <input type="text" placeholder="Has Space"></li>
  <li><input type="file"><input type="text" placeholder="No Space"></li>
</ul
&#13;
&#13;
&#13;