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

Question

在我的应用程序中，我通过单击添加按钮来创建一些动态文本框。我们也可以输入一些值和时间。现在我的需要是，当页面加载时，我希望创建给定数量的文本框并由一组值填充。我能够创建 onload 文本框，但无法设置值。在这里，我在创建我的功能的地方给出了一个 fiddle 。如何动态设置一些值？这是 fiddle 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;
});

希望对您有所帮助。