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;
});

希望有所帮助。

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

1 个答案: