serializeArray получить значения формы

307
20 декабря 2016, 23:26

Здравствуйте! Есть вот такой код: https://jsfiddle.net/alcheez/h5vjodx3/

$(document).ready(function(){ 
    $("button").click(function(){ 
        var x = $("form").serializeArray(); 
        $.each(x, function(i, field){ 
            $("#results").append(this.value); 
           
        }); 
    }); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<form action=""> 
  First name: <input type="text" name="FirstName" value="Mickey"><br> 
  Last name: <input type="text" name="LastName" value="Mouse"><br> 
</form> 
 
<button>Serialize form values</button> 
 
<div id="results"></div>

У меня получилось получить значение формы и теперь мне нужно, допустим, вставить эти значения в простой абзац, ну например:

<p>Здравствуйте, моё имя (Mickey), а моя фамилия (Mouse).</p>

Я не понимаю, как этого можно добиться, как записать значения полей формы в нужные мне места, помогите, пожалуйста.

Answer 1

Если вам нужно просто сформировать абзац, можно это сделать так:

$("button").click(function(){
    $("#results").append('<p>Здравствуйте, моё имя ' + 
    $('form input[name="FirstName"]').val() + ', а моя фамилия ' + 
    $('form input[name="LastName"]').val() + '.</p>');        
});

либо так:

$("button").click(function(){
    var x = $("form").serializeArray();
    var values = {};
    $.each(x, function(i, field){
        values[this.name] = this.value;          
    });
    $("#results").append('<p>Здравствуйте, моё имя ' + values.FirstName + 
        ', а моя фамилия ' + values.LastName + '.</p>');
});
READ ALSO
Плагин галереи в окне
jQuery

Плагин галереи в окне

Подскажите плагин-галерею в отдельном окне со следующими критериями:

 203
подсчет полей выдает NaN
jQuery

подсчет полей выдает NaN

Делаю калькулятор значений из полей формыДолжны подсчитываться горизонтальные значения и потом их значения складываться

 252
Обработчик нажатия на кнопку в JQuery с цикле [требует правки]
jQuery

Обработчик нажатия на кнопку в JQuery с цикле [требует правки]

Добрый День! есть кнопка и функция, которая совершает обработку нажатия на данную кнопку на JQueryМысль такая: как сделать цикл, чтобы при нечетном...

 244
Как подсчитать два слова в одном столбце и вывести результат
jQuery

Как подсчитать два слова в одном столбце и вывести результат

Есть столбец со строками в котором ставятся два значения (Да и Нет) эти значения у меня меняются динамически, хочу осуществить подсчет этих...

 254