Jquery отримати поле масиву вводу

Я знайшов подібні запитання тут, але нічого для мене не працює.

мають такі входи:

<input type="text" value="2" name="pages_title[1]">
<input type="text" value="1" name="pages_title[2]">

намагаються отримати ці поля, як:

$('input[name="pages_title[]"]')

але мають порожні результати :(

як отримати всі поля? Я можу отримати це лише як$('input[name="pages_title[1]"]')

Використовуйте пуски за допомогою селектора

$('input[name^="pages_title"]').each(function() {
    alert($(this).val());
});

Приклад jsfiddle

Примітка: За погодженням з @epascarello, найкращим рішенням є додавання класу до елементів та посилання на цей клас.

це зазвичай працює на прапорцях та перемикачах ... але, кожна назва повинна бути однаковою.

<input type="text" value="2" name="pages_title[]">
<input type="text" value="1" name="pages_title[]">

var x = $('input[name="pages_title[]"]').val();

що "передбачається", щоб отримати всі поля у значеннях, розділених комами. ніколи не пробував із текстовими полями, тому не можу це гарантувати.

як прокоментував @ John: переглядати їх. $('input[name="pages_title[]"]').each(function() { var aValue = $(this).val(); });

РЕДАГУВАТИ: Не завжди вам потрібно просто відповісти на запитання OP, іноді вам потрібно навчити їх кращим методам. (вибачте, якщо це звучить зарозуміло)

КОМЕНТАР: визначення вхідних даних як

<input type="text" value="1" name="pages_title[1]">
<input type="text" value="2" name="pages_title[2]">

розбиває масив, кожен вхід має унікальну назву, тому це вже не масив.

Використовуючи метод map, ми можемо отримати вхідні значення, які зберігаються в масиві.

var values = $("input[name='pages_title[]']").map(function(){return $(this).val();}).get();

Вам потрібно використовувати старти з селектора

var elems = $( "[name^='pages_title']" );

Але кращим рішенням є додавання класу до елементів та посилання на клас. Причиною цього є швидший пошук.

Помістіть ім'я вводу між одинарними лапками, щоб дужки []розглядались як рядок

var multi_members="";
$("input[name='bayi[]']:checked:enabled").each(function() {
    multi_members=$(this).val()+","+multi_members;
});

Ви можете дати введеним текстовим полям назви класів, наприклад:

<input type="text" value="2" name="pages_title[1]" class="pages_title">
<input type="text" value="1" name="pages_title[2]" class="pages_title">

і повторюйте так:

$('input.pages_title').each(function() {
    alert($(this).val()); 
});

Я думаю, найкращий спосіб - це використовувати форму Propper та використовувати jQuery.serializeArray .

<!-- a form with any type of input -->
<form class="a-form">
    <select name="field[something]">...</select>
    <input type="checkbox" name="field[somethingelse]" ... />
    <input type="radio" name="field[somethingelse2]" ... />
    <input type="text" name="field[somethingelse3]" ... />
</form>

<!-- sample ajax call -->
<script>
$(document).ready(function(){
    $.ajax({
        url: 'submit.php',
        type: 'post',
        data: $('form.a-form').serializeArray(),
        success: function(response){
            ...
        }
    });
});
</script>

Ці значення будуть доступні в PHP як $_POST['field'][INDEX].

Найчастіше використовується це:

$("input[name='varname[]']").map( function(key){
    console.log(key+':'+$(this).val());
})

Нічого, що ви отримуєте ключ розташування масиву та значення.

Ви можете уникнути квадратних дужок за допомогою подвійних зворотних скісних рисок, наприклад:

$('input[name="pages_title\\[\\]"]')

Ви можете використовувати селектор вмісту:

[ім'я * = ”значення”] : вибирає елементи, що мають вказаний атрибут зі значенням, що містить заданий підрядок.

$( document ).on( "keyup", "input[name*='pages_title']", function() {
     alert($(this).val());
});

Для того, щоб вибрати елемент за атрибутом, що має певну характеристику, ви можете створити новий селектор, як у наступному фрагменті, використовуючи шаблон регулярного виразу. Використання регулярного виразу має на меті максимально гнучко налаштувати новий селектор:

jQuery.extend(jQuery.expr[':'], {
    nameMatch: function (ele, idx, selector) {
        var rpStr = (selector[3] || '').replace(/^\/(.*)\/$/, '$1');
        return (new RegExp(rpStr)).test(ele.name);
    }
});


//
// use of selector
//
$('input:nameMatch(/^pages_title\\[\\d\\]$/)').each(function(idx, ele) {
  console.log(ele.outerHTML);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<input type="text" value="2" name="pages_title[1]">
<input type="text" value="1" name="pages_title[2]">
<input type="text" value="1" name="pages_title[]">

Інше рішення може базуватися на:

• [ім’я ^ = ”значення”] : вибирає елементи, що мають вказаний атрибут, значення якого починається саме з заданого рядка.

• .filter () : зменшити набір відповідних елементів до тих, що відповідають селектору або проходять перевірку функції.

• шаблон регулярного виразу

var selectedEle = $(':input[name^="pages_title"]').filter(function(idx, ele) {
    //
    // test if the name attribute matches the pattern.....
    //
    return  /^pages_title\[\d\]$/.test(ele.name);
});
selectedEle.each(function(idx, ele) {
    console.log(ele.outerHTML);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<input type="text" value="2" name="pages_title[1]">
<input type="text" value="1" name="pages_title[2]">
<input type="text" value="1" name="pages_title[]">

var data = $("input[name='page_title[]']")
  .map(function () {
    return $(this).val();
  })
  .get();