Question

当我在编辑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>

Answer 1

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

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

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

祝你好运！

Answer 2

您不能在标签“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 个答案: