现在的位置: 网页制作教程网站制作教程 >正文
jquery相关教程

jquery如何获取Form表单中text类型的name值

发表于2016/12/3 网站制作教程 0条评论 ⁄ 热度 2,451℃

Form表单input标签中text类型的name值我该通过什么方法获取。我们理所当然地会想到js。

今天给大家介绍一个简单的方法,利用jquery的attr()方法就可以轻松获取input标签中的name值

语法:

$("input:text").attr("name");

示例演示:

表单代码

<div class="box">
 <span>点击按钮获取文本框的name属性值:</span>
 <div class="content">
 <input type="text" name="test" value="这个文本框的name属性值为test">
</div>
<input type="button" class="btn" value="获取文本框name值">
</div>

jquery代码:

$(function(){
 $("input:button").click(function() {
  alert($("input:text").attr("name"));
 });
})

点击按钮,会获取到name的属性值是test。

除了上面介绍的方法,再给大家介绍下面这种方法,同样可以获取input的name值,使用很简单。

通过id来获取。

<input id="myid" name="test">
<script>
 alert($('#myid').attr('name'));
</script>

总结:

上面一共给大家介绍了两个获取input标签中name值得方法,第一种是通过标签类型来获取,第二种是直接通过id值获取。相比较而言,我更喜欢第二种。

另外,以上两种方法适用于其他type类型,并不值局限于text。

  • 暂无评论