Jquery中val()表单取值赋值的实例代码 |
|
本文标签：Jquery,val(),表单 jQuery提供了强大的val()方法来处理value相关操作 。 获得单个select的值和多选select的值 。 复制代码 代码如下: HTML 代码: <p></p><br/> <select id="single"> <option>Single</option> <option>Single2</option> </select> <select id="multiple" multiple="multiple"> <option selected="selected">Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select> jQuery 代码: $("p").append( "<b>Single:</b> " + $("#single").val() + " <b>Multiple:</b> " + $("#multiple").val().join(", ") ); 结果: [ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>] 获取文本框中的值 HTML 代码: 复制代码 代码如下: <input type="text" value="some text"/> jQuery 代码: $("input").val(); 结果: some text 下面是var()能获取/赋予表单元素值 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>val()方法</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <script language="javascript"> $(function(){ $("input[type=button]").click(function(){ var sValue=$(this).val();//先获取按钮的value值 $("input[type=text]").val(sValue); //赋给文本框 }); }); </script> </head> <body> <p> <input type="button" value="Feed"> <input type="button" value="the"> <input type="button" value="Input"> </p> <p> <input type="text" value="click a button"> </p> </body> </html> 注意：var data=$("#myId").val(); 如果myid不存在,data为undefined |
