curseur jQuery onChange auto soumettre le formulaire

Je suis à l'aide d'un curseur jQuery comme un prix sélecteur de gamme dans un formulaire.
J'aimerais avoir le formulaire de soumettre automatiquement lorsque l'une des valeurs a été changé. J'ai utilisé quelques exemples que j'ai trouvé sur mais ils ne travaillent pas avec mon code.

<form action="itemlist.php" method="post" enctype="application/x-www-form-urlencoded" name="priceform" id="priceform" target="_self">    
  <div id="slider-holder">
    Prices: From <span id="pricefromlabel">100 &#8364;</span> 
              To <span id="pricetolabel">500 &#8364;</span>
    <input type="hidden" id="pricefrom" name="pricefrom" value="100" />
    <input type="hidden" id="priceto" name="priceto" value="500" />
    <div id="slider-range"></div>
    <input name="Search" type="submit" value="Search" />
  </div>
</form>

C'est le code qui affiche les valeurs du curseur et les mises à jour de 2 champs de formulaire masqués-je utiliser pour stocker les prix afin de soumettre:

<script>

    $(function() {
            $("#slider-range" ).slider({
                range: true,
                min: 0,
                max: 1000,
                values: [ <?=$minprice?>, <?=$maxprice?> ],
            start: function (event, ui) {
                    event.stopPropagation();
                },
                slide: function( event, ui ) {
            $( "#pricefrom" ).val(ui.values[0]);
            $( "#priceto" ).val(ui.values[1]);
            $( "#pricefromlabel" ).html(ui.values[0] + ' &euro;');
            $( "#pricetolabel" ).html(ui.values[1] + ' &euro;');
        }
            });
        return false;
        });

</script>

J'ai essayé d'ajouter ce code ainsi que des données autosubmit="true" attribut de la div mais pas de résultat.

$(function() {
  $('[data-autosubmit="true"]').change(function() {        
    parentForm = $(this).('#priceform');
    clearTimeout(submitTimeout);
    submitTimeout = setTimeout(function() { parentForm.submit() }, 100);        
  });

J'ai aussi essayé d'ajouter un $.post() événement pour le curseur, mais je ne suis pas très bon avec jQuery donc je suis probablement le fais mal. Toute aide sera appréciée.

OriginalL'auteur bikey77 | 2012-11-16

  1. 5

    Il y a un événement de changement de jquery-ui curseurs.

    Essayez ceci :

    $(document).ready(function() {
    $("#slider-range" ).slider({
        //options
        start: function (event, ui) {
            //code
        },
        slide: function( event, ui ) {
            //code
        },
        change: function(event, ui) {
            $("#priceform").submit();
        }
    });
});
    Je l'avais essayé mais j'avais oublier la virgule avant de déclarer le changement de l'événement, comme résultat, rien n'a fonctionné. Merci!

    OriginalL'auteur fxbt