Добавить местозаполнитель динамически с помощью Javascript/JQuery

Question

Мне нужна одна помощь. Мне нужно добавить местозаполнитель динамически в поле ввода в цикле с помощью Javascript. Позвольте мне объяснить приведенный ниже код.

<input class="form-control oditek-td-blank1" placeholder="e.g:9 AM-10AM" > 

Теперь вот моя ценность заполнителя e.g:9 AM-10AM мне нужно добавить это в цикле означает, что в первом itretion будет e.g:9 AM-10AM во втором itretion будет e.g:10 AM-11AM и так далее ДО 6 times.Here 6 поля ввода будет создавать и 6 placeholder с различным значением, как указано, создадут динамически. Пожалуйста, помогите мне.

Answer 1

попробовать: attr()

var j = 0; 
var k = 1; 
var type2 ="AM",type= 'AM'; 
    $('.oditek-td-blank1').each(function(i,v){ 
     j++; k++; 
    if(j>12) { 
    type= (type=="AM")?"PM":"AM"; 
    time = '1 '+type; 
    j = 1; 
    } else { 
    time = j+' '+type; 
    } 
     if(k>12) { 
    type2= (type2=="AM")?"PM":"AM"; 
    time2 = '1 '+type2; 
    k = 1; 
    } else { 
    time2 = k+' '+type2; 
    } 
     $(v).attr('placeholder','e.g:'+time+' '+time2); 
}); 

https://jsfiddle.net/h6w5j6x8/1/

Answer 2

Вы можете использовать что-то подобное, что может позволить вам контролировать создание элементов и время начала, а также:

function setInputPlaceholders(num, sTime, duration) { 
 
    var arr = [], 
 
    endTime, 
 
    startTime = sTime; 
 
    for (var i = 0; i < num; i++) { 
 
    endTime = startTime + duration; 
 
    var inp = document.createElement("input"); 
 
    inp.type = "text"; 
 
    var ampm = startTime <= 12 && endTime <= 12 ? " AM " : " PM " 
 
    inp.setAttribute("placeholder", startTime + ampm + endTime + ampm); 
 
    document.body.appendChild(inp); 
 
    startTime = endTime; 
 
    } 
 
} 
 

 
setInputPlaceholders(6, 9, 1);