获取val值 赋给html,Jquery中val()表单取值赋值的实例代码

jquery提供了强大的val()方法来处理value相关操作。

获得单个select的值和多选select的值。

复制代码 代码如下:

HTML 代码:

Single

Single2

Multiple

Multiple2

Multiple3

jQuery 代码:

$("p").append(

"Single: "   + $("#single").val() +

" Multiple: " + $("#multiple").val().join(", ")

);

结果:

[

Single:SingleMultiple:Multiple, Multiple3

]

获取文本框中的值

HTML 代码:

复制代码 代码如下:

jQuery 代码:

$("input").val();

结果:

some text

下面是var()能获取/赋予表单元素值

复制代码 代码如下:

val()方法

$(function(){

$("input[type=button]").click(function(){

var sValue=$(this).val();//先获取按钮的value值

$("input[type=text]").val(sValue); //赋给文本框

});

});

注意：var data=$("#myId").val();

如果myid不存在,data为undefined