Fatal编程技术网

Javascript 动态增加输入ID

javascript jquery html iframe

Javascript 动态增加输入ID,javascript,jquery,html,iframe,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() { $('&l

我正在使用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>


+

scripts.js
$（函数（）{
var-id=1；
$（'p'）。在（'click'，function（）上{
$('', {
名称：“帧”，
id:id，
沙盒：“允许表单允许顶部导航允许脚本允许模态允许相同来源”，
src:'iframe.html'
}).附录（“div”）；
$（'input'）.attr（'id'，id）；
id++；
})
});
iframe.html
如何确定
id
属性不递增？当我运行下面的代码并检查
输入时
标记
id
每次单击都会递增：

感谢您的回复！我希望每个输入都有一个唯一的ID，并且输入应该在创建的iframe中；frame.find（'input'）.attr（'id'，id）$（'div'）。追加（框架）谢谢！我更改了代码，但仍然得到相同的结果，输入id没有增加。还有其他想法吗？谢谢你！