jQuery - 想要获得提交的输入值，但它得到一个并重复答案

【问题标题】：jQuery - want to get input value for submit but it gets one and repeatsjQuery - 想要获得提交的输入值，但它得到一个并重复
【发布时间】：2010-05-10 01:16:32
【问题描述】：

我正在尝试用跨度替换所有提交按钮，以便 cufon 可以工作。输入仍然需要在那里，所以已经做了一些 css 来隐藏它并覆盖到顶部。我的问题是从输入标签中获取值被证明非常困难。下面的代码获取第一个输入值（从页面顶部的搜索框中“搜索”，然后将该值放入所有跨度中，即使对于具有不同值的按钮（例如：发送）也是如此。这是一个.NET 页面，因此整个页面都包含在一个表单标记中。非常感谢任何帮助。

jQUERY：

   jQuery(document).ready( function() {
            jQuery(".button-wrap input.button").each(function() {
            var values = jQuery(".button-wrap input").attr('value');
            jQuery(this).before("<span class='input-replacer'>" +values+ "</span>");
        });

【问题讨论】：

标签： jquery forms input replace

【解决方案1】：

在.each() 中使用this 来获取当前输入的值，也可以使用.val() 或.attr() 来获取该值，如下所示：

jQuery(document).ready( function() {
 jQuery(".button-wrap input.button").each(function() {
   var values = jQuery(this).val();
   jQuery(this).before("<span class='input-replacer'>" +values+ "</span>");
});

【讨论】：

感谢尼克-完美的解决方案。非常感谢！