如何在更改输入值后使用html()接收当前的html代码？
如何在更改输入值后使用html()接收当前的html代码？
提问于 2014-04-09 12:29:12
好的，为了演示我的意思，我创建了一个小小的jsfiddle：http://jsfiddle.net/B2FZb/
这是一个相当无用的功能。如果在第一个输入字段中键入"a“，则会显示包装器div的html源代码。但它仍然是旧的价值。我所需要知道的就是:如何获得带有新值的html源代码？
除了html()或特殊的事件侦听器之外，还有其他方法来获取它吗？
在这里，代码：
联署材料：
$(document).ready(function () {
console.log('ready');
$('.input1').keyup(function () {
console.log('changed');
if ($('.input1').val() == "a") {
var source = $('#input_wrapper').html();
alert(source);
}
});
});HTML：
<div id="input_wrapper">
<input type="text" value="abc" class="input1">
<input type="text" value="def">
</div>
<div id="get_html_code">get html source code</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2014-04-09 12:32:27
原因是您使用了value属性，它不随类型文本值的变化而改变，所以尝试一下它就会根据用户输入的内容而改变。
$('.input1').keyup(function () {
console.log('changed');
if ($('.input1').val() == "a") {
$(this).attr('value',$(this).val()) // this line will change value
var source = $('#input_wrapper').html();
alert(source);
}
});演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22962572
复制相关文章
相似问题
腾讯云开发者
