Wewnętrzny HTML z wartościami wejściowymi
mają krótkie pytanie dotyczące innerHTML i wprowadzonych wartości wejściowych. Zobacz krótki przykład poniżej (za pomocą jQuery dla wygody):
jQuery:
jQuery(document).ready(function($) {
$('.send').click(function() {
alert( $('.content').html() );
return false;
});
});
html:
<div class="content">
<input type="text" name="input" value="Old Value" />
<input type="button" class="send" value="Send" />
</div>
Jeśli edytujesz wartość wejściową, a następnie klikniesz przycisk „Wyślij”, alert pokaże, że gotten innerHTML zawiera dane wejściowe o „Starej wartości”, a nie wartości wprowadzone przez użytkownika. Dlaczego to? A jak możemy uzyskać HTML jako ciąg z wprowadzonymi przez użytkownika wartościami wejściowymi?