打印

Question

我有一组输入框来添加名称和设计。当用户点击打印按钮时，我想在<p>标签中打印它们。如何进行。

<div class="form-group">
    <label for="inputRegNo" >Name & Designation<span style="color:#c0392b;padding-left:5px;">*</span></label>
    <div class="form-group">
          <input required  type="text" name="fname[]"  class="fname" onkeyUp="document.getElementById('refa5').innerHTML = this.value" placeholder="Name" />
           <input required  type="text" name="lname[]" placeholder="Designation" />
    </div>                    
</div>

<div class="form-group">
    <label for="inputRegNo" ></label>
    <div class="form-group">
        <input type="text" name="fname[]" placeholder="Name" class="fname" onkeyUp="document.getElementById('refa5').innerHTML = this.value" />
        <input  type="text" name="lname[]" placeholder="Designation" />
    </div>                  
</div>

打印

<div>
    <label>Name & Designation</label>
    <p id="refa5"> - </p>
</div>

Answer 1

它看起来你是javascript中的新手..它很简单地将name提供给所有输入字段，如

<input type="text/checkbox" name="txtName">

在javascript中，您可以通过

访问此字段值

<script type="text/javascript">
   var name  = document.getElementsByName("txtName");
</script>

如果你想在按钮上打印元素，只需在javascript上指定他们的点击事件，如

function onClick() {

alert("helo from click function");
}

然后按下按钮..

<input type="button" onclick="onClick()">

Answer 2

w3schools是一个很好的资源。以下是有关如何执行此操作的示例代码：

<button onclick="myFunction()">Click me</button>
<input id="inputID"></input>
<p id="demo"></p>

<script>
function myFunction() {
    var inputID = document.getElementById("inputID").value;
    document.getElementById("demo").innerHTML = inputID;
}
</script>

上面的代码所做的是它需要输入的value，然后它会为innerHTML元素设置<p>。显然，您可以使用<h1>元素等其他内容来执行此操作。

如何使用getElemntById获取输入框值集？

打印

2 个答案: