Question

我想使用输入字段输入名称，然后在单击按钮时动态显示这些名称。任何人都可以为我提供代码样本吗？

Answer 1

使用jquery，您想要实现的目标相当容易。然而，在问一个问题时，先试一试，然后问你是不是得到它。

＆＃13;

$(function(){
  $('#submit').on('click', function(){
      var value = $('#name').val();
      var text = '<p>' + value + '</p>';
      $('#display').append(text);
  })
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="inputNames" id="name">
<button id="submit">Submit</button>

<div id="display"></div>

＆＃13;

Answer 2

<html>

<body>
<input type="text" name="Names" id="Names">
<input type="button" value="Click" onclick="SendName();" name="">

<p id="ShowNames"></p>

<script type="text/javascript">
    function SendName() {
        var d= document;
        var InputNames = d.getElementById("Names").value;
        var ShowNames = d.getElementById("ShowNames");
        ShowNames.innerHTML +=InputNames+"</br>";
    }
</script>
</body>
</html>

动态显示标签上的文本字段内容

2 个答案: