动态增加输入ID

时间:2017-02-05 23:41:05

标签: javascript jquery html iframe

我正在使用iframe和jquery开发一个聊天框应用程序。我能够动态创建具有唯一ID但不输入的iframe。我需要输入ID来访问每个聊天框的文本。 的index.html

<body>
    <p>+</p>
    <div></div>

scripts.js

$(function () {

    var id = 1;
    $('p').on('click', function() {

       $('<iframe />', {
            name: 'frame',
            id:   id,
            sandbox: 'allow-forms allow-top-navigation allow-scripts allow-modals allow-same-origin',
            src: 'iframe.html'
            }).appendTo('div');

        $('input').attr('id', id);

        id++;  

    })
});

iframe.html

<form name="frame">
<input type="text" id="0" class="chatBoxes" value="type your message"></input>
</form>

1 个答案:

答案 0 :(得分:0)

您如何确定id属性未递增?当我运行下面的代码并检查input标记时,id每次点击都会增加:

http://jsbin.com/fusidijane/edit?html,js,output