当点击按钮时，如何显示一些文本框？

-2

我想做一个代码，当我输入数字，然后点击提交，它会显示一些文本字段作为输入的许多数字。当点击按钮时，如何显示一些文本框？

这是示例的代码：

<input type="number" id="myNumber" value="2"> 

<p>Click the button to get some textfield.</p> 

<button">submit</button>

和当我点击提交按钮（例如：输入数= 2），这将是显示两个文本框等的码：

<input type="text" class="form-control" id="text1" name="text1"> 
<input type="text" class="form-control" id="text2" name="text2">

来源

2017-09-29 Lukman Azhari

您可能需要看着 jQuery的实现， –

请张贴您尝试过的代码和遇到的问题。 – Swellar

你尝试了什么？ –

尝试此简单的例子。

document.querySelector("button").addEventListener("click", function() { 
 
    var number = parseInt(document.getElementById("myNumber").value); 
 

 
    var html = ""; 
 
    for (var counter = 0; counter < number; counter++) { 
 
    html += '<input type="text" class="form-control" id="text' + counter + '" name="text1' + counter + '">' 
 
    } 
 
    document.getElementById("allNewTextBoxes").innerHTML = html; 
 
});

<input type="number" id="myNumber" value="2">\ 
 
<p>Click the button to get some textfield.</p> 
 
<button>submit</button> 
 
<p id="allNewTextBoxes"></p>

来源

2017-09-29 09:49:35 gurvinder372

但不能在我的项目中工作:( –

@LukmanAzhari很难知道，除非你可以在你的**下一个问题** – gurvinder372

把一个div

<input type="number" id="myNumber" value="2"> 
<p>Click the button to get some textfield.</p> 
<button>submit</button> 

<div id="show" style="display:none;"> 
    <input type="text" class="form-control" id="text1" name="text1"> 
    <input type="text" class="form-control" id="text2" name="text2"> 
</div>

内的两个文本字段，然后使用切换方法来显示文本字段

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $("#show").toggle(); 
    }); 
}); 
</script>

来源

2017-09-29 09:59:28 omkara

<!DOCTYPE html> 
<html> 
<head> 
<title>demo</title> 
</head> 
<body> 
<form method="post"> 
<label>Number:</label> 
<input type="text" name="number"> 
<input type="submit" name="submit" value="click me!"> 
</form> 
<?php 
if (isset($_POST['submit'])) { 
$value=$_POST['number']; 
for ($i=1; $i < $value; $i++) { 
echo "<br>"; 
echo "<label>label".$i."</label>"; 
echo "<input type='text' name=text".$i." id=text".$i." class='form-control'>"; 
} 
} 
?> 
</body> 
</html>

来源

2017-09-29 10:10:26

分享关于你的实现的具体问题，但为什么总是刷新页面？ –

当点击按钮时，如何显示一些文本框？

回答

相关问题