jquery - 在提交时将文本附加到输入字段

Question

我有一个看起来像这样的表格：

<form>
    <input type="text" value="" name="order[]" title="Salmon"  />
    <input type="text" value="" name="order[]" title="Trout"  />
    <input type="text" value="" name="order[]" title="Halibut"  />
    <input type="text" value="" name="order[]" title="Crab"  />
            <button type="submit">Submit</button>
</form>

用户将为该值输入一个数字。当他们提交表单时，我想将每个输入的标题附加到提交中。因此，如果用户在第一个输入字段中输入“5”，它会将值提交为“Salmon - 5”。

我怎么能用 jQuery 实现这一点？

Answer 1

我在这里工作http://jsfiddle.net/NLtS9/6/。将 type="submit" 更改为 type="button"

        $('button').click(function () {
            $('input[name="order[]"]').map(function () {
                $(this).val($(this).attr('title') + ' - ' + $(this).val());
                alert($(this).val());
            });
        });

Answer 2

使用submitjQuery 中的事件处理程序。这个更新的代码在我的本地主机中工作

$(document).ready(function(){
    $('form').submit(function (ele) {
        ele.preventDefault(); // don't submit multiple times
        $('input[type="text"]').each(function(_,e){
             var old_val =  $(e).val();
             $(e).attr('data-old', old_val).val($(e).attr('title') + '-' + old_val);
        });

        this.submit(); // use the native submit method of the form element
        $('input[type="text"]').each(function(_,e){
             $(e).val($(e).attr('data-old'));
        });
    });
});

HTML Ireplace buttonbyinput并action显式显示。

<form method="post">
    <input type="text" value="" name="order[]" title="Salmon"  />
    <input type="text" value="" name="order[]" title="Trout"  />
    <input type="text" value="" name="order[]" title="Halibut"  />
    <input type="text" value="" name="order[]" title="Crab"  />
    <input type="submit" value="submit"></button>
</form>

Answer 3

大概是这样的？

$('button').click(function () {
    $('input[name="order"]').map(function () {
        $(this).val($(this).attr('title') + ' - ' $(this).val());
    });

    ('form').submit();
});

Answer 4

尝试这个

 $('button').click(function(){
      $('input').each(function(index,data) {
        $(this).val( $(this).attr('title')+"-"+$(this).val());
       });
    })

Answer 5

使您的按钮成为简单按钮而不是提交按钮，然后执行

$('button').click(function(){
      $('input[name="order"]').map(function () {
         $(this).val($(this).attr('title') + ' - ' $(this).val());
      });
      $('form').submit();
    })