如何用jquery获取<input id="test" name="test" type="text"/>中输入的值？

这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现

1 2 3

$( "input#test" ).val();          // 推荐这种方式，因为id是唯一的 $( "input[name='test']" ).val();  // 此时需要注意是否有同名的input元素 $( "input:text" ).val();          // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例：

1. 创建一个文本框和一个触发获取文本框输入内容的按钮

   1 2	< input  id = "test"  name = "test"  type = "text" /> < input  type = "button"  value = "显示文本框输入内容" >

2. 简单设置一下css样式

   1 2	input[type= 'text' ]{ width : 200px ; height : 35px ; margin : 10px ; border : 1px  dashed  green ; border-radius: 5px ;} input[type= 'button' ]{ width : 200px ; height : 35px ; margin : 10px ; border : 2px  solid  #ebbcbe ;}

3. 添加jquery代码

   1 2 3 4 5

   $( function (){      $( "input:button" ).click( function () {          alert($( "input#test" ).val());      }); })

4. 观察显示效果

   

js获取文本框值

1.通过getElementById() 方法获得，必须为文本框设定ID值，该方法获得的是一个对象的应用(返回值 为:Object)，要获得文本框的值需添加属性值--value,如: <input type="text" size="10" id="port11" name="port11" /> 获值代码：document.getElementById("port11").value; 另：要获得标签<h1>中间的值，方法如下： <h1 id="you">12345</h1> document.getElementById("you").innerHTML; 返回值为：12345 ---------------------------------------------------------------------------------------- 2.如果是表单(<form>)中的文本框，还可以通过以下方式获得值: <form name="form1" method="post" action="manager.do?action=login"> <tr><td >会员编号：</td> <td ><input name="memberNo" type="text" id="memberNo" size="21" ></td> <td ><input name="Submit" type="submit" value="确定" onClick="return check(form1)"></tr> </form> js中的代码：function check(form){var str = form.memberNo.value;} 注意点：表单需指定名称(name)，方法中需指定传入的参数对象。