JQuery kullanarak birden fazla form alanları bir JSON nesnesi oluşturma

0 Cevap php

Ben gruplandırılmış HTML elemanlarının bir demet bir JSON nesnesi oluşturmak için çalışıyorum, bu benim biçimlendirme

HTML:

<div id="locations_wrapper">
    <div id="location_0" class="locations">
        <div class="container">
          <label for="locations_province">Province: </label>
          <div>
            <select id="locations_province" name="locations_province" onchange="get_cities(this);">
              <option value="">Select one</option>
              <option>Eastern Cape</option>
              <option>Freestate</option>
              <option>Gauteng</option>
              <option>KZN</option>
              <option>Limpopo</option>
              <option>Mpumalanga</option>
              <option>North West</option>
              <option>Northern Cape</option>
              <option>Western Cape</option>
            </select>
          </div>
        </div>
        <!-- City -->
        <div class="container">
          <label for="locations_city">City: </label>
          <div>
            <select id="locations_city" name="locations_city">
              <option value="">Select one</option>
            </select>
          </div>
        </div>
        <!-- Towns -->
        <div class="container">
          <label for="locations_towns">Towns: </label>
          <div>
            <input type="text" name="locations_towns" id="locations_towns" />
          </div>
        </div>
    </div>
</div>

Şu anda ben bu 3 alanları klonlama yaşıyorum ve ana div locations_wrapper onları ekleyerek, ben de her alanın id niteliğini artırmak, sorun artık, jQuery / ajax kullanarak, bir şekilde klonlanmış elemanları ve tüm almak gerekiyor olduğunu Bir veritabanına her yerin tüm verileri yakalamak.

Bunu nasıl bilgi alma hakkında gidebiliriz?

: Burada bazı jQuery temelde aynı şeyi yapar yazdı, ama 3 yerine ğı biri ile

    var sections = $('#systems_wrapper').find('.dropDowns');
    var newArray = new Array();

        sections.each(function(){
            var id = $(this).attr('id');
            var val = $(this).val();
            var o = { 'id': id, 'value': val };

            newArray.push(o);
        });

        $.ajax({
                type: 'POST',
                url: 'qwer.php',
                dataType: 'json',
                data: { json: JSON.stringify(newArray) }
        });

Belki 3 alanları il, şehir ve kasaba ile bir JSON nesnesi oluşturarak deneyebilirsiniz? Ben biraz emin değilim.

Önceden teşekkürler!

0 Cevap