Небольшой Javascript сделает свое дело.Это будет легко, если вы воспользуетесь чем-то вроде jQuery , чтобы выручить вас.Просто свяжите каждое поле в вашей форме с событием change , используя метод change () , а затем обновите поле "cascaded" до значения, переданного методу change ().
Например, рассмотрим HTML:
<form>
<input type="text" id="field1" />
<input type="submit" />
</form>
И предполагается, что вы хотите динамически обновлять следующий div при редактировании приведенной выше формы:
<div id="field1_val"></div>
Добавьте следующееСценарий к заголовку вашего HTML:
//This will just make sure you're using the awesomeness of jQuery...
<script src="http://code.jquery.com/jquery-latest.js"></script>
//This will bind your field to the change event using jQuery
<script type="text/javascript">
$("#field1").change( function() {
$("#field1_val").text($(this).val());
});
</script>
Надеюсь, что он укажет вам правильное направление.