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

Question

How to update with jquery the label of preview div when im typing inside of the parent input of edit div? 当我在编辑div的父输入里面输入时，如何使用jquery更新预览div的标签？ Thank you. 谢谢。

<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>

Answer 1

You'd have to have something along these lines in your code: 您必须在代码中包含以下内容：

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

However, I would NOT give them the same id value, as it might lead to some errors. 但是，我不会给它们相同的id值，因为它可能会导致一些错误。

Good luck! 祝好运！

Answer 2

you can not have the same ID in the tag "label" and the tag "input". 您不能在标签“label”和标签“input”中使用相同的ID。

<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="companyNameInput" />
</div>

$(document).ready(function(e){

    $('#companyNameInput').bind('change', function(ev) {

        $(this).closest('#edit').prev().find('#companyName').html($(this).val());

    });


});

test 测试

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

问题描述

2 个解决方案

解决方案1
4 已采纳 2010-08-11 19:35:32

解决方案2
0 2010-08-11 19:42:36

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

问题描述

2 个解决方案

解决方案1 4 已采纳 2010-08-11 19:35:32

解决方案2 0 2010-08-11 19:42:36

解决方案1
4 已采纳 2010-08-11 19:35:32

解决方案2
0 2010-08-11 19:42:36