在我的应用程序中,我通过单击添加按钮来创建一些动态文本框。我们也可以输入一些值和时间。现在我的需要是,当页面加载时,我希望创建给定数量的文本框并由一组值填充。我能够创建 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);
}
最佳答案
当您动态生成每个元素时,递增一个计数器并将该值用作元素 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;
});
希望对您有所帮助。
关于javascript - 如何在动态创建的文本框中设置值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32915188/