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

 我来答
香料魔法
2018-12-17 · TA获得超过2.2万个赞
知道答主
回答量:218
采纳率:60%
帮助的人:21.9万
展开全部

这个问题包含两个方面:

1、jquery选择器(即针对你指定的那个input元素)

2、获取内容(即获得输入的值),所以综合起来有如下代码可以实现

具体操作如下:

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

2、简单设置一下css样式

3、添加jquery代码

扩展资料

js获取文本框值

1.通过getElementById() 方法获得,必须为文本框设定ID值,该方法获得的是一个对象的应用(返回值为:Object),要获得文本框的值需添加属性值--value,如:

<input type="text" size="10" id="port11" name="port11" />

获值代码:document.getElementById("port11").value;

2、要获得标签<h1>中间的值,方法如下:

<h1 id="you">12345</h1>

document.getElementById("you").innerHTML;

返回值为:12345

3、如果是表单(<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;}

百度百科-jQuery

learneroner
高粉答主

2015-05-31 · 关注我不会让你失望
知道大有可为答主
回答量:1.1万
采纳率:91%
帮助的人:6492万
展开全部

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

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

下面给出示例:

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

    <input id="test" name="test" type="text"/><br>
    <input type="button" value="显示文本框输入内容">
  2. 简单设置一下css样式

    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代码

    $(function(){
    $("input:button").click(function() {
    alert($("input#test").val());
    });
    })
  4. 观察显示效果

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友c6a903700
2011-08-04 · 超过10用户采纳过TA的回答
知道答主
回答量:43
采纳率:0%
帮助的人:32万
展开全部
<input id="test" class="" name="test" type="text" />
var keyword = $("#test").val();
keyword为定义的变量
然后就拿到想要的值提交了
不明白的可以问我,我是开发人员。
邮箱:rafx_z@hotmail.com
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zly0304302
2011-07-30 · TA获得超过2462个赞
知道小有建树答主
回答量:744
采纳率:0%
帮助的人:602万
展开全部
$("#test").val()
$("input[name='test']").val()
$("input[type='text']").val()
$("input[type='text']").attr("value")
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
dztceo
2011-07-30 · 超过102用户采纳过TA的回答
知道小有建树答主
回答量:296
采纳率:0%
帮助的人:284万
展开全部
$("#test").val();//获取id为test的值
$("#test").val("123");//设置id为test的值为123
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式