获取或设置元素的值

来源:互联网 发布:ps装修淘宝店铺 编辑:程序博客网 时间:2024/05/18 18:18
<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>获取或设置元素的值</title>  <script src="jquery-1.8.0.js"></script> </head> <style type="text/css">body{font-size:12px;text-align:center;}div{padding:3px;margin:3px;width:120px;float:left;}.txt{border:#666 1px solid;padding:3px;} </style>  <script type="text/javascript">$(function(){$("select").change(function(){var strTxt1 = $("select").val().join(",");$("#p1").html(strTxt1);});$("input").change(function(){var strTxt = $("input").val();$("#p2").html(strTxt);});$("input").focus(function(){$("input").val("");});}); </script> <body><div><select multiple="multiple" style="height:96px;width:85px;"><option value="1">Item 1</option><option value="2">Item 2</option><option value="3">Item 3</option><option value="4">Item 4</option><option value="5">Item 5</option><option value="6">Item 6</option></select><p id="p1"></p></div><div><input type="text"  class="txt"/><p id="p2"></p></div> </body></html>

0 0
原创粉丝点击