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

如何在编辑div的父输入内部输入时使用jquery更新预览div的标签？谢谢。Javascript：使用Jquery在父输入内部输入内容时更新标签内容

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

来源

2010-08-11 BoDiE2003

你能不能改一下几分？除此之外，我发现“父母的意见”令人困惑; ''元素不是任何东西的父项。 – 2010-08-11 19:33:57

请注意，'keyup'不会粘贴鼠标，'change'不会更新“as-you-type”。 – 2010-08-11 20:05:17

[你自己的问题]的完全重复（http://stackoverflow.com/questions/3461876/javascript-edit-a-preview-with-jquery） – 2010-08-11 20:16:37

你不得不沿着你的代码下面几行内容：

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

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

祝你好运！

来源

2010-08-11 19:35:32 esqew

您不能在标签“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

来源

2010-08-11 19:42:36

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

回答

相关问题