更改后获取html元素值

duxfox--

在视图中,我尝试更改它后检索HTML输入框的值。换句话说,页面加载

<input id="input_one" type="text" value = "apple" />

当页面打开时,输入框中将包含单词apple。我单击此输入框,删除苹果一词,然后在其中输入单词“ orange”。当我执行以下操作时:

$('#input_one').click(function() {
    console.log($('#input_one').attr('value'));
});

结果是“苹果”而不是橙色。有没有一种方法可以获取我刚刚输入的新值而无需提交表单?我正在尝试使用页面上的javascript进行客户端验证,如果值是某物,请提交表单,否则显示消息“值必须是某物”

也许我可以做类似的事情

 $('#input_one').attr('value', 'new value'); 

但是如何获得刚刚投入的新价值?这个新值存储在哪里?innerHTML?还是text()?

乔治

attr()将得到的属性<input>,这是初始的元素的值。

元素的当前值为属性如果我们想获取任何element属性:

$('#input_one')[0].value;    
$('#input_one').prop('value');

然而, jQuery有完美的方法,.val()为您提供:

$('#input_one').val();

属性和属性有什么区别?

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

更改选择框值后获取html内容

来自分类Dev

获取HTML元素的值

来自分类Dev

从servlet更改html元素值

来自分类Dev

拖动元素后更改值css属性

来自分类Dev

单击jQuery后获取数据元素值

来自分类Dev

用户输入后按值获取元素

来自分类Dev

在Ember中获取更改后的输入值

来自分类Dev

更改后获取div宽度值

来自分类Dev

jQuery更改输入值后如何获取

来自分类Dev

jQuery更改输入值后如何获取

来自分类Dev

jQuery更改输入值后如何获取

来自分类Dev

jQuery更改输入值后如何获取

来自分类Dev

更改后获取输入的默认值

来自分类Dev

在Ember中获取更改后的输入的值

来自分类Dev

javascript,单击后更改与单击元素不同的元素的html

来自分类Dev

Javascript:更改元素html的值

来自分类Dev

使用JavaScript更改HTML元素的属性值

来自分类Dev

追加后从HTML标记获取ID值

来自分类Dev

获取节点内的值后更改日期值格式

来自分类Dev

获取从特定元素开始的html值

来自分类Dev

无法获取HTML元素的更新值

来自分类Dev

Angular 获取动态生成的 html 元素的值

来自分类Dev

C-调用printf()后结构的元素更改值

来自分类Dev

数组索引更改后重新排序元素值

来自分类Dev

从选定元素html上方的元素获取属性值

来自分类Dev

使用模板后使用Angular获取元素属性值

来自分类Dev

JS如何在使用ajax后获取嵌入元素的值

来自分类Dev

使用Javascript更改HTML元素后如何刷新其样式?

来自分类Dev

使用Javascript更改HTML元素后如何刷新它的样式?