Question

ajax 取某form表单 内的 name值

我的页面有很多动态产生的FORM表单

我想要点击 CLASS=AAA 的按钮後

只取的那个FORM表单内的NAME=CCC的值

想问一下这样要怎麼写呢 试好久都没有结果...

谢谢!!

我目前这样写不管点哪个FORM都只会取到第一个NAME里面的值

也就是500
===================================
<FORM METHOD="post" >
<input type="button" class="aaa" >
<input type="hidden" name="ccc" value="500">
</FORM>

<FORM METHOD="post" >
<input type="button" class="aaa" >
<input type="hidden" name="ccc" value="300">
</FORM>

============================================
$(function(){
$('.aaa').on('click', function(){
var ccc = $('input[name="ccc"]').val();
}}

Answer 1

name是input标签的属性值，jQuery提供了attr() 方法用于设置/改变属性值

1
2

$("input:text").attr("name");
$("input:text").prop("name"); // 也可以使用prop()方法获取属性

示例代码如下
创建Html元素

1
2
3
4
5
6
7

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

设置css样式

1
2
3
4
5

div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.box>span{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:200px;height:30px;border:none;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}

编写jquery代码

1
2
3
4
5

$(function(){
$("input:button").click(function() {
alert($("input:text").attr("name"镇备纯御咐));
});
})

观察效果

Answer 2

。