javascript - 表单 HTML 未更新。

Question

有点奇怪

<form>
    <input type="text" id="test" value="abc" />
    <input type="submit" />
</form>

<script>
$('form').submit(function(ev){
   ev.preventDefault();
   alert($(this).html()); 
});
</script>

http://jsfiddle.net/F6XvW/

我更改输入字段的值，然后单击提交以获取 HTML，但是 HTML 中的值没有更新？那是怎么回事？如何获取更新后的 HTML？

Answer 1

用户输入的内容永远不会改变 HTML。这是一个表单值，将作为参数发送到服务器。

参见此处:your jsfiddle updated :

<form>
    <input type="text" id="test" placeholder="abc" />
    <input type="submit" />
</form>
<script>
$('form').submit(function(ev){
   ev.preventDefault();
   alert('inputted value = ' + $(this).find('input[type=text]').val()); 
});
</script>

---

如果你真的想更新DOM，你必须手动设置它:http://jsfiddle.net/F6XvW/3/

JS

$('form').submit(function(ev){
   ev.preventDefault();
   $('#test').attr("value", $('#test').val());
   alert('changed input value to: ' + $(this).find('input[type=text]').val()); 
});