ansaurus

Question

Javascript: Update label content while typing inside of a parent input with Jquery

Answer 1

A:

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.

Good luck!

esqew 2010-08-11 19:35:32

Answer 2

A:

you can not have the same ID in the tag "label" and the tag "input".

<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

andres descalzo 2010-08-11 19:42:36

ansaurus

tags:

views:

answers:

Javascript: Update label content while typing inside of a parent input with Jquery

related questions