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

-1

Я получил этот код от друга, но он только создает текстовое поле каждый раз, когда нажимается кнопка. то, что я хочу, чтобы создать текстовое поле и текстовое поле, когда нажата кнопкадобавить текстовое поле и текстовое поле при нажатии кнопки

<input type="button" value="add input "onclick="addInput()"/> 

      <span id="responce"></span> 
      <script> 
      var countBox =1; 
      var boxName = 0; 
      function addInput() 
      { 
       var boxName="textBox"+countBox; 
       document.getElementById('responce').innerHTML+='<br/><input type="text" id="'+boxName+'" value="'+boxName+'" " /><br/>'; 
       countBox += 1; 
      } 
      </script>

источник

2015-08-25 Aidyl Baylon

Добавить html для textarea в существующий код –

изменить эту строку как document.getElementById ('responce'). InnerHTML + = '

' –

Я попробовал, но теперь он ничего не показывает каждый раз, когда я нажимаю кнопку @ArunPJohny –

Поместите этот код между вашими <head></head> элементами:

<script type="text/javascript"> 

var countBox = 1; 

function addInput(){ 
    var boxName = "textBox"+countBox; 
    var spanElement = document.getElementById("responce"); 

    spanElement.innerHTML += 
     "<br />"+ 
     "<input type='text' id='"+ boxName +"' value='"+ boxName +"' />"+ 
     "<br />"+ 
     "<textarea></textarea>"; 
    countBox++; 
} 

</script>

И используйте этот код только между <body></body> элементов:

<input type="button" value="add input "onclick="addInput()"/> 
<span id="responce"></span>

Код полностью протестирован и отлично работает.

источник

2015-08-25 11:34:23 icecub

Пожалуйста, попробуйте это:

Demo

function addtext() { 
    var newtext = document.myform.inputtext.value; 
    if (document.myform.placement[1].checked) { 
     document.myform.outputtext.value = ""; 
     } 
    document.myform.outputtext.value += newtext; 
}

источник

2015-08-25 11:19:45

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

ответ

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