прилагая текст в поле ввода на

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» для первого поля ввода, он будет представлять значение «Лосось-5».

Как я могу достичь этого с помощью jQuery?

Answer 1

У меня здесь работает http://jsfiddle.net/NLtS9/6/. Изменить тип = «отправить» «кнопку», чтобы ввести =

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

Answer 2

Что-то вроде этого, возможно?

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

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

Answer 3

Попробуйте

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

Answer 4

Сделайте кнопку простая кнопка не кнопку отправки, а затем сделать

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

Answer 5

Используйте обработчик submit событий в JQuery. Этот обновленный код работы в моем локальном хосте

$(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 button по input и показать 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>