javascript - 从具有相同名称的隐藏输入中获取值

Question

我如何从 cName 输入中获取价值：

<form method="post" action="">
  <input type="hidden" name="cName" value="test1" />
  <input type="submit" name="get" />
</form>

<form method="post" action="">
  <input type="hidden" name="cName" value="test2" />
  <input type="submit" name="get" />
</form>

我希望当我单击 get with jquery 或 javascript 从 cName 获取值时。

Answer 1

当您说“单击”时，您的意思是单击提交按钮，从而提交表单吗？如果是这样，您应该改用该submit事件，因为它也会在用户按下 Enter 键时触发：

$("form").submit(function() {
    // finds the relevant input based on the submitted form
    // and then gets the value of that input
    var val = $(this).find("input[name='cName']").val();
    // the following line prevents the form submission, which I assume
    // you want to do because getting the value would otherwise be useless
    return false;
});

Answer 2

这将给出您单击的表单的值，而不是其他表单的值：

$("[name=get]").click(function () {
    alert($(this).closest("form").find("[name=cName]").val();
    return false;  // prevent the submission
});

Answer 3

 $('input[name="get"]').click(function(){
  alert($(this).closest('form').find('input[name="cName"]').val());
 return false;
});

试试这个链接http://jsfiddle.net/RqrH8/1/

Answer 4

以下将返回您寻找的值的数组。

var arrCnameValues = $("input[name=cName]").map(function(i,c){ return c.value; });

arrCnameValues 将是 ["test1","test2"] ...然后您可以像操作任何文本值数组一样操作结果。

arrCnameValues.join(',');

=测试1，测试2

arrCnameValues[0];

= 测试1

Answer 5

这是您要使用的选择器，但您需要缩小选择器的范围以提高性能并仅获得两个或多个 cName 输入中的一个。

$("input[name='cName']").val()

Answer 6

$(document).ready(function(){
    $('input[type="submit"]').click(function(){
        alert($($('input[name="cName"]')[0]).val() + ' ' + $($('input[name="cName"]')[1]).val());
    });
});