重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这里使用.val()是取不到数据的,必须换成.text()。
创新互联成立于2013年,我们提供高端网站建设公司、成都网站制作、成都网站设计公司、网站定制、营销型网站建设、微信小程序、微信公众号开发、成都网站营销服务,提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地,为成都集装箱企业提供源源不断的流量和订单咨询。
所以顾名思义:val()方法 一般使用在input属性中,要获取值的话,必须有value属性。也可以通过val("xx") 通过xx设置值。
在jquery中给表单取值或赋值的方法我们只要简单的$(\'表单ID\').val()即可实现取值了,如果赋值可使用$(\'表单ID\').val(\'内容\')即可实现了。
扩展资料
jQuery中使用text()、html()、val()方法对Html元素赋值和取值
在jQuery中,使用选择器可以非常容易的得到任何一个Html元素,在Html页面上,分表单元素和非表单元素:而对于jQuery封装的text()方法,其主要功能就是给Html页面上的非表单元素赋值和取值操作。
text()方法是jQuery的方法,使用该方法操作的元素必须是使用jQuery选择器查找到的,如果使用JavaScript查找到的元素,则是不能使用text()方法操作的。使用div1.text()获取div元素的值,使用div1.text(“新值”)给div元素赋值。
注意事项:
使用text()不能获取表单元素的值,如文本框的值。jQuery的text()方法相当于JavaScript的innerText属性。
.val() 能够取到 针对text,hidden可输入的文本框的value值。
而 .attr('value') 可以取到html元素中所设置的属性 value的值,不能获取动态的如input type="text" 的文本框手动输入的值。
text():获取或者改变指定元素的文本
html():获取或改变指定元素的html元素以及文本
val():获取或者改变指定元素的value值(一般是表单元素)
以上3个都是jquery类库中的语法
第二个问题,基本没有什么区别,作用都是获得当前对象的value值(一般是表单元素)
只是,this.value是js的原生语法,$(this).val()是jquery的语法
使用this.value无需引入任何库文件,而$(this).val()则需要引入jquery库文件
jquery给input赋值,val的三种用法
val()方法
定义和用法
val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
input type="text" class="input1"
$('.input1').val('value567'); // 用法1 给input赋值value567
$('.input1').val(''); // 用法2 给input清空
$('.input1').val(''); // 用法3 返回val的值
————————————————
$(document).ready(function(){
});
因为这个是页面加载完执行的,而页面加载的时候 #ad的value值是空的,所以打印出来是空白的。
这样写就可以输出了(页面加载的时候value="000111"):
pinput type="text" id="ad" value="000111" //p
input type="button" id="asd" /
script
$(document).ready(function(){
var te = $("#ad").val();
$("#asd").click(function(){
alert(te);
});
});
/script
jquery的val()方法可以接受一个值,也可以接受一组值。jquery手册上的例子就有,你看
HTML 代码:select id="single"
optionSingle/option
optionSingle2/option
/select
select id="multiple" multiple="multiple"
option selected="selected"Multiple/option
optionMultiple2/option
option selected="selected"Multiple3/option
/selectbr/
input type="checkbox" value="check1"/ check1
input type="checkbox" value="check2"/ check2
input type="radio" value="radio1"/ radio1
input type="radio" value="radio2"/ radio2
jQuery 代码:$("#single").val("Single2"); //val()方法接受的是option里面的single的值
$("#multiple").val(["Multiple2", "Multiple3"]); //val()方法接受的id为multiple的select里的值为Multiple2", "Multiple3的option的值。是一组值,是一个数组,也就是集合