добавить тр сразу после нажатия на кнопку

Я хочу, чтобы позволить пользователю добавить еще один входной файл непосредственно рядом вниз кнопки, так что он может выбрать и отправить «х» количество файловдобавить тр сразу после нажатия на кнопку

Ive использовали эти ответы при поиске не повезло

http://stackoverflow.com/a/19200323/5586647 
http://stackoverflow.com/a/19200278/5586647 
http://stackoverflow.com/a/30098596/5586647

часть моего кода, где я хочу, чтобы вставить новый Тг

echo '<tr align=center ><td colspan="4"><input type="file" name="oc" id="oc"/></td><td><input type="button" value="add more" id="addme"/></td></tr>';

Я бы aprecciate немного помочь

EDIT:

При использовании ответов я получил вопрос, который добавляет де тр (или я предполагаю, что это тр), но на стороне оригинала (с использованием добавить)

и то, что я хочу это:

КОД: https://jsfiddle.net/9k4kmvmw/

источник

2016-02-12 Rhopercy

Можете ли вы дать нам HTML без всех тегов PHP? Загрузите свою страницу на машину разработки правой кнопкой мыши по таблице и нажмите «Проверить» или «Проверить элемент». Найдите тег открытия '

' и щелкните его правой кнопкой мыши, и вы сможете найти способ скопировать html. –

ответ

Вы можете использовать JQuery After();jquery.com/after/ и событие щелчка, и убедитесь, что имя входной массив []

$('.addme').click(function(){ 
    $('.uploads').last('tr').after('<tr align=center ><td colspan="4"><input type="file" name="oc[]"/></td></tr>'); 
});

http://jsfiddle.net/j0jjzm7o/16/

источник

2016-02-13 00:08:24 nodws

Проверьте, пожалуйста, править – Rhopercy

JQuery может сделать это для вас с помощью .append() - jquery.com/append

непроверенной пример ...

Вот HTML,

<table id="table"> 
    <tr> 
    <td><input type="file" name="file[]" /></td> 
    </tr> 
</table> 
<button id="button">Add another</button>

и JavaScript,

$("#button").click(function(){ 
    var string = '<tr><td><input type="file" name="file[]" /></td></tr>'; 
    $("#table").append(string); 
});

источник

2016-02-13 00:04:03 Steve

Пожалуйста, проверьте правильность изменения – Rhopercy

Вам потребуется некоторый JavaScript (JQuery), чтобы выполнить свою задачу.

Live Preview: http://codepen.io/larryjoelane/pen/Nxovdj

Поместите следующий в теге сценария до вашего закрытия тела тега или загрузить его из внешнего файла после загрузки JQuery. Если вы не знаете, как загрузить JavaScript через внешний файл, вы можете загрузить пример из этой ссылки и изучить файл index.html.

Example Download

//store the addme id 
var addMe = "#addme"; 

//store the tr markup 
var tr = '<tr align=center ><td colspan="4"><input type="file" name="oc" id="oc"/></td><td><input type="button" value="add more" id="addme" /></td></tr>'; 

//add the on click event 
$(document).on("click",addme,function(){ 


    //select the table 
    var table = $("#table"); 

    //append the tr 
    table.append(tr); 


});

источник

2016-02-13 00:30:07

Пожалуйста, проверьте править – Rhopercy

Пожалуйста, разместите свой полный стол html, включая открывающие и закрывающие теги таким образом, что я могу проверить в своем живом примере, чтобы попытаться решить проблему. –

https://jsfiddle.net/9k4kmvmw/ – Rhopercy

добавить тр сразу после нажатия на кнопку

ответ

Смежные вопросы