Forum PHP.pl > [JavaScript]Pola typu select

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Pola typu select

piraciq

12.02.2012, 10:28:19

Witam

Kod

function send(){
                    jQuery('#targetDiv').load("total_order_ajax.php",{
                        'timePlus1':jQuery('#timePlus1').val(),
                        'timePlus2':jQuery('#timePlus2').val(),
                        'timePlus3':jQuery('#timePlus3').val(),
                        'timePlus4':jQuery('#timePlus4').val(),
                        'timePlus5':jQuery('#timePlus5').val(),
                        'timePlus6':jQuery('#timePlus6').val(),
                        'timePlus7':jQuery('#timePlus7').val()}
                    ,function(){
                        jQuery('#targetDiv').show();
                        jQuery('#sendButton').css('visibility', 'visible');
                    } )
                }

[HTML] pobierz, plaintext 
<select name="timePlus4" id="timePlus4"  onchange="send(); return false;">
<option value="">Wybierz</option>
<option value="1" >14 dni</option>
<option value="2" >30 dni</option>
<option value="3" >90 dni</option>
<option value="4" >180 dni</option>
<option value="5" >366 dni</option>
</select>
[HTML] pobierz, plaintext

mam o to taki sobie kod jak widać odczytuję dane z pół 'timePlus'.

Czy zatem jest taka możliwość odczytania wartości wszystkich pól? na chwile obecną jest ich siedem, ale chcę to zrobić w miarę możliwości automatycznie jeśli dodam nowe pola select.

crafter

12.02.2012, 11:04:26

chyba nie ten dział ale coś w stylu:
jquery each:

[PHP] pobierz, plaintext 
$('select#timePlus4').find('option').each(function() {
                alert($(this).val());
        });
[PHP] pobierz, plaintext

piraciq

12.02.2012, 12:05:22

Małe niedopatrzenie

timePlus4 to 4 select. chodzi mi o to, ze one tworzone są dynamicznie, np raz jest ich 5 a raz 7. Czy jest możliwość właśnie odczytanie nie znając wcześniej ich liczby?

W pierwszym poście wkleiłem tak jak mam to teraz. Wersja robocza

kefirek

12.02.2012, 13:09:25

Można tak

[JAVASCRIPT] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>  
<script src="http://code.jquery.com/jquery-latest.js">
</script>
 
<script type="text/javascript"> 
$(document).ready(function(){ 
 
  $("#timePlus").find('select').each(function(index) {
 
    alert($(this).val());
 
  });
 
 
 
}); 
 
</script>  
</head> 
 
<body> 
 
 
<div id="timePlus">
<select><option value="3" >14 dni</option></select>
<select><option value="4" >14 dni</option></select>
<select><option value="5" >14 dni</option></select>
<select><option value="6" >14 dni</option></select>
</div>
 
 
</body> 
</html>
[JAVASCRIPT] pobierz, plaintext

piraciq

12.02.2012, 13:27:49

Tylko co w przypadku jeśli mam 5 selectów?

Czy to też zadziała?

kefirek

12.02.2012, 13:34:24

Czy tak cieżko dodać kolejny select i sprawdzić

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.