刚开始使用JS编写代码并度过难关

时间:2016-10-05 23:14:43

标签: javascript jquery html html-helper

如果用户单击提交按钮,如何从文本框中提取输入以将其显示在屏幕上。我的JS很乱,真的没用。如果有人能帮我滚球,我会非常感激!

1 个答案:

答案 0 :(得分:1)

以下是如何将值从输入复制到另一个html标记的简单示例:

<input id="myInput" type="text" value="waffles" />
<button type="button" onclick="$('#copiedValue').html($('#myInput').val())">Copy value</button>
<span id="copiedValue"></span>

jQuery全部在onclick中,它使用$('#myInput').val()从输入中提取值,并将该值作为参数提供,以替换范围$('#copiedValue').html(...)的html内容。

这是一个带有工作代码的jsfiddle: https://jsfiddle.net/njacwybg/