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的值。是一组值,是一个数组,也就是集合
$(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
3个都是取元素的内容,html()用为读取和修改元素的HTML标签,.text()用来读取或修改元素的纯文本内容,.val()用来读取或修改表单元素的value值。
个人以为区别在于:是哪种类型的元素调用,不同类型的元素需要使用对应的方法
比如select.text()和select.val()取值是不一样的,而div.val()则无法取出内容,应该是div.html()
这里使用.val()是取不到数据的,必须换成.text()。
所以顾名思义: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属性。
亲,html()吧该标签里面的内容全部取出来,包括里面的html标签,val()是取出表单元素的value值,text()和html()相似,但是不包括里面的html标签,比如
div
id=“div1”
p11221/p
input
type="text"
value="123"/
/div
var
oDiv1=$("div1");
var
oTxt1=$("txt1");
oDiv1.html()//得到p11221/pinput
type="text"
value="123"
id="txt1"/
oDiv1.text();//得到的是11221
oTxt1.val();//得到123