如何用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)，方法中需指定传入的参数对象。