如何在动态创建的文本框中设置值

Question

在我的应用程序中,我通过单击添加按钮创建一些动态文本框.我们也可以提供一些价值和时间.现在我需要的是,当页面加载时,我想要创建给定数量的文本框并由一组值填充.我能够创建文本框onload但不能设置值.在这里,我给了一个小提琴,我创建了我的功能.如何动态设置一些值？这是小提琴MYFIDDLE

而且我还想在那些onload创建的框中使用timepicker函数.

function getTextBoxAfterValiddation(val){
var str_array = ['jeet','chatterjee'];
var randomId = '\''+"#interviewName"+val+'\'';
var nameId = "interviewName"+val+"";
var allNames = str_array.replace(/((\[)|(\]))/g,"");
alert(randomId)
$(randomId).val(arr[val]);


return '<input class="txt1" name = "DynamicTextBox" type="text" id = "'+nameId+'"/>';
}   


for(var i = 0; i < 4; i++){
    var div = $("<div />");
    div.html(getTextBoxAfterValiddation(i));
    $("#TextBoxContainer").append(div);       
}

Answer 1

当您动态生成每个元素时,递增计数器并将该值用作元素id.然后你可以使用jquery将html或值放入每个元素中.在下面的示例中,每次我单击id为"addphys"的按钮时,我都会添加一个新的div.后来我可以从每个div中获取值,因为我知道计数,每个新的div id是phys1,phys2,phys3 ......

var numphys = 0;
$("#addphys").click(function(){

    $("#test").append("<div class=\"addedphys\"><p id=\"phys"+ numphys +     "\"><p><label>Physician Username:</label><input type=\"text\" class=\"inputbox\" id=\"physusername" + numphys + "\" name=\"pass\"></p><p><label>Physician Password:</label><input type=\"text\" class=\"inputbox\" id=\"physpassword" + numphys + "\"  name=\"pass\"></p></p></div>");
    numphys += 1;
});

希望有所帮助.