javascript - 我需要创建一个 html 页面，其中隐藏了一些文本字段，并且单击下一步按钮时需要使用 javascript 和 jquery 显示它们？

Question

我需要创建一个 html 页面，其中隐藏了一些文本字段，并且在单击下一步按钮时需要显示它们。我们可以使用 javascript 和 jquery 来实现吗？

<label for="Name">Enter a site name:</label>
<input type="text" id="Name"></input>
<label for="Scope">scope:</label>
<input type="text" id="Scope"></input>
<input type="next" id="next" value="next" </input> 
<label for="No">no:</label>
<input type="text" id="No"></input>
<label for="No">order no:</label>
<input type="text" id="order No"></input>   
<input type="submit" id="submit" value="Submit" data-theme="b"></input> 

单击“下一步”时，html 页面应显示前两个字段，并且应显示“下一步”按钮下方的字段。可以使用java脚本完成吗？请帮助我编码。如何编码？

Answer 1

尝试这样的事情:

<label for="Name">Enter a site name:</label>
<input type="text" id="Name">
<label for="Scope">scope:</label>
<input type="text" id="Scope">
<input type="next" id="next" value="next" >
<div id="showdiv" style="display:none;">
<label for="No">no:</label>
<input type="text" id="No"></input>
<label for="No">order no:</label>
<input type="text" id="order No"></input>   
<input type="submit" id="submit" value="Submit" data-theme="b"></input> 
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#next").click(function(){
    $('#showdiv').show();
  });
});
</script>