Javascript:使用 Jquery 在父输入中键入时更新标签内容

标签 javascript jquery html

当我在编辑 div 的父输入中输入时,如何使用 jquery 更新预览 div 的标签? 谢谢。

<html>
        <body>
                <div id="preview">
                        <label id="companyName" class="workExperience">
                                This is my company
                        </label>
                </div>
                <div id="edit">
                        <label>Company Name: </label>
                        <input type="text" id="companyName" />
                </div>
        </body>
</html>

最佳答案

您的代码中必须包含以下内容:

<script>
$("#companyName").keyup(function () {
  var value = $(this).val();
  $(".workExperience").text(value);
}).keyup();
</script>

但是,我不会给它们相同的 id 值,因为它可能会导致一些错误。

祝你好运!

关于Javascript:使用 Jquery 在父输入中键入时更新标签内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3462054/

相关文章:

javascript - 在数据表的分页控件中显示没有省略号的页面

javascript - Three.js - 为什么这些项目的阴影看起来像这样?

jquery - 简单的 Accordion

javascript - 使用两个不同的符号生成三 Angular 形图案

javascript - 如何在 cytoscape.js 中显示子节点的同时隐藏复合节点

javascript - 如何触发模式窗口上按钮的点击事件

javascript - <a> 上的 jquery click() 事件具有特定前缀的 id 不触发 alert() 函数

c# - 使用 jQuery 调用 put 方法时出现 WCF 内部服务器错误

javascript - 使用 javascript 和 jquery 从 JSON 添加“下一个”和“上一个”按钮到 HTML5 音频播放器

javascript - 如何将选择下拉列表附加到 HTML 数据表?