當點擊按鈕時，如何顯示一些文本框？

-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

分享關於你的實現的具體問題，但爲什麼總是刷新頁面？ –

當點擊按鈕時，如何顯示一些文本框？

回答

相關問題