如何用jquery获取type="text"中输入的值?

js   2016-12-23 

本文转载于百度知道:https://zhidao.baidu.com/question/299628455.html

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

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

下面给出示例:

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

<input id="test" name="test" type="text"/>
<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、观察显示效果



点赞 打赏
取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

交流分享

QQ扫一扫或点击二维码加入,群号577543189
微信扫一扫,手滑关注它
微信扫一扫,进入小程序

推荐文章

标签云集

友情链接  交换友链

推广位