javascript - 如何改变在输入框值中标记内容？

Question

我有一个单词<p>，我希望将该段落的内容更改为输入框的值。这真的很简单，但我是 JavaScript 和 jQuery 的新手。这是要更改的段落

<p class="editor-example" id="screen-name">Name</p>

这是我用来获取和应用更改的表单和按钮

<form id="info">                    
<input id="nameID" name="name" type="text" size="20">
</form>
<button id="apply" type="button">Apply</button>

如果您想慢慢来，让段落在输入框更改而不是按钮时自动更改会很方便。谢谢！！

标签： javascriptjqueryhtmlinput

Answer 1

你可以这样做：

$(document).ready(function(){
   $("#nameID").keyup(function(){  
   var name = $("#nameID").val();
   $("#screen-name").text(name);
    
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p class="editor-example" id="screen-name">Name</p>

<form id="info">                    
<input id="nameID" name="name" type="text" size="20">
</form>
<button id="apply" type="button">Apply</button>