jQuery'yi kullanarak, bir $ .ajax çağrısında seçilen birden çok seçenek içeren bir seçim için form serileştirmesini nasıl taklit edersiniz?

Question

Aşağıda, $ .ajax çağrısı, veri bölümünde bir seçimleri (çoklu) seçili değerleri nasıl koyabilirim?

$('#userid option').each(function(i) { 
if (this.selected == true) { 

ama nasıl benim verilerine yönelik yerim ne: bölüm

$.ajax({ 
    type: "post", 
    url: "http://myServer" , 
    dataType: "text", 
    data: { 
     'service' : 'myService', 
     'program' : 'myProgram', 
     'start' : start, 
     'end' : end , 
     }, 
    success: function(request) { 
     result.innerHTML = request ; 
    } // End success 
    }); // End ajax method 

DÜZENLEME Ben bu kod ile nasıl döngü seçer ile seçilen seçeneklere anlamaları dahil olması gerekirdi?

Answer 1

Bir dizi nasıl kullanılır?

data: { 
    ... 
    'select' : ['value1', 'value2', 'value3'], 
    ... 
}, 

düzenlemek: ah pardon, burada kod, birkaç uyarılar var:

'select' : $('#myselectbox').serializeArray(), 

sırayla serializeArray için() olsa çalışmak, tüm form elemanları bir isim niteliği olmalıdır. Yukarıdaki 'select' değeri, seçilen öğelerin adını ve değerlerini içeren bir nesne dizisi olacaktır.

'select' : [ 
    { 'name' : 'box', 'value' : 1 }, 
    { 'name' : 'box', 'value' : 2 } 
], 

seçme kutusu

Yukarıdaki sonuç olacaktır üretmek için:

<select multiple="true" name="box" id="myselectbox"> 
    <option value="1" name="option1" selected="selected">One</option> 
    <option value="2" name="option2" selected="selected">Two</option> 
    <option value="3" name="option3">Three</option> 
</select> 

Answer 2

Teşekkür @Owen gelen cevaba, çalışmak için bu kodu var. Birden = "true" bir id = "mySelect" ile seçilmiş kutu

var mySelections = []; 
    $('#mySelect option').each(function(i) { 
     if (this.selected == true) { 
      mySelections.push(this.value); 
     } 
    }); 


    $.ajax({ 
     type: "post", 
     url: "http://myServer" , 
     dataType: "text", 
     data: { 
     'service' : 'myService', 
     'program' : 'myProgram', 
     'selected' : mySelections 
     }, 
     success: function(request) { 
     result.innerHTML = request ; 
     } 
    }); // End ajax method 

Answer 3

seçilen birden fazla seçenekten oluşan bir koleksiyon temsil etmek doğru yolu SEÇ adlandırarak, bir dizi kullanmaktır için

[] son ​​eki ile etiketleyin.
Sorun, jQuery yöntemi serialize() tarafından doğru şekilde işlenmemiş olmasıdır. Böyle bir SEC için
infact:

<select name="a[]"> 
    <option value="five">5</option> 
    <option value="six">6</option> 
    <option value="seven">7</option> 
</select> 

serialize Bu dizi gönderir: a [] = 0 & bir [] = 1 & bir [] = 2 PHP ile bu şekilde alınan:

[a] => Array 
    (
     [0] => 0 
     [1] => 1 
     [2] => 2 
    ) 

Gerçek değerler kaybolduğunda

.