gpt4 book ai didi

jquery - firebug 不会反射(reflect)更改输入值

转载 作者:行者123 更新时间:2023-12-01 01:02:56 25 4
gpt4 key购买 nike

只是尝试使用 jQuery 更改输入的值。似乎有效,但是,当我使用 Firebug 查看 #input 的值时,它仍保持原始值。这是正常现象,还是我做错了什么?谢谢

http://jsfiddle.net/tsfSg/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>Testing</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>

$(function(){
$("#DoIt").click(function()
{
$('#input').val('final');
console.log($('#input'));
alert($('#input').val());
});
});

</script>
</head>

<body>
<a href="#" id="DoIt">DoIt</a>
<input id="input" type="text" value="original" />
</body>
</html>

最佳答案

使用.val():console.log( $('#input').val() );

$(function(){
$("#DoIt").click(function(){
$('#input').val('final');
console.log($('#input').val()); // the fixed line!
alert($('#input').val());
});
});

demo

<小时/>

编辑

现在我明白你在看什么了:Firebug 中的元素源(检查元素)内部。
好吧,如果您想看到更改实际发生,您必须使用:

$('#input').attr('value','final');

而不是:

$('#input').val('final');

否则,更改将由浏览器存储(无需担心),但 Firebug 不会更新。

in this demo you can see it working:

demo

$("#DoIt").click(function(e){
$('#input').attr('value','final'); // use .attr() to see the change happen in Firebug!
// $('#input').val('final'); // but rather use this
// $('#input').prop('value','final'); // or better THIS one!
console.log( $('#input').val() );
alert( $('#input').val() );
return false;
});

关于jquery - firebug 不会反射(reflect)更改输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10701977/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com