Как вывести значение из ползунка Jquery в форму отправки?

Question

[Дмитрий]

Доброго времени суток.
Только начинаю в этом деле, потому не получается понять как достать значение из jq ползунка и отправить ajax'ом через php.
В моем случае это ползунок с выводом значение в поле input.
Если пытаюсь захватить само поле, значение всегда ноль. И вроде понимаю почему.
Посмотрел Api, там вроде значение хранится в value и даже есть команда вывода:

var value = $( ".selector" ).slider( "option", "value" );

Но хоть убей, значение получить не могу. Может кто подскажет как победить этого зверя?
Гугл не помог.

Answer 1

[WebSpider]

> Если пытаюсь захватить само поле, значение всегда ноль. И вроде понимаю почему.
И почему же? $('.selector').val() что показывает?

Comments

[Дмитрий]

undefined

[WebSpider]

Селектор то подставили правильный? Как выглядит элемент input, в который записывается значения ползунка?

[Дмитрий]

Дмитрий: Я дурак, сначала не поменял селектор. Теперь выдает значение. Спасибо вам большое.)

[Дмитрий]

А не подскажете как теперь таким способом вывести?
Если объявить переменную с таким значением, то она принимает первое.

[WebSpider]

Не понял вопрос

[Дмитрий]

WebSpider: Попытаюсь детально описать.
Для этого примера я взял вот этот метод отправки формы:
dontforget.pro/javascript/primer-ajax-otpravki-for...
Ну и вот эту стандартную форму Jq с шагов в 50 и выводом в поле:
http://jquery.page2page.ru/index.php5/Ползунок_UI
Вот собственно и не могу понять как сделать так чтобы в форме отправлялось и значение ползунка.

Если само решение трудоемкое, понимаю, что за меня никто все делать не станет, но буду очень признателен, если подскажете.
Сам код я тоже учу, но недавно начал, потому пока еще дуб-дубом.)

[WebSpider]

Если я праильно понял, вам надо отправлять значение ползунка вместе с формой через ajax? а разве оно автоматически не отправляется? если элемент input находится внутри формы и имеет атрибут name, то под этиим именем на сервер должно приходить его значение. если же нет, то можно воспользоваться следующим способом (он не очень красивый, зато самый быстрый):
Вот эту строку
data: data, // дaнныe для oтпрaвки
модифицировать следующим образом:

data: data + '&slider_value=' + $('.selector').val(), // дaнныe для oтпрaвки

Естественно, заменив название селектора на своё

[Дмитрий]

Не хочет ни в какую...
Сам код форм:






Размер пожертвования (кратный $50):


Селектор поменял, но содержанием приходит только значение текстового поля message

[Дмитрий]

form method="post" action="" id="ajaxform">

input type="text" size="32" maxlength="36" name="name" placeholder="Вaшe имя" val=""> br />
input type="text" size="32" maxlength="36" name="email" placeholder="Вaш email" val=""> br />
input type="text" size="32" maxlength="36" name="subject" placeholder="Тeмa" val=""> br />
textarea cols="25" rows="10" name="message" placeholder="Сooбщeниe.." val="">/textarea> br />

div id="slider">/div>
label for="amount">Размер пожертвования (кратный $50):/label>
input class="budg" type="text" name="budget" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
input type="submit" value="GO GO GO"/>
/form>

[WebSpider]

Очень странно. Видимо ошибка где-то в скрипте отправки формы, или на сервере
print_r($_POST); на сервере что показывает?

[Дмитрий]

WebSpider: Тут я уже вообще темнота.
Если вы имели ввиду, какой будет ответ если в консоли ввести эту команду, то я получил такую ошибку:
Uncaught ReferenceError: print_r is not defined
at :2:1
at Object.InjectedScript._evaluateOn (:905:140)
at Object.InjectedScript._evaluateAndWrap (:838:34)
at Object.InjectedScript.evaluate (:694:21)

[WebSpider]

Нет, не в консоли, а в PHP-скрипте, который принимает данные

[Дмитрий]

WebSpider: Так вообще в браузере ошибка 200 и SyntaxError A, а на почту приходит цифра 1.
Мне кажется я уже отнимаю у вас много времени.

Answer 2

[Александр]

$("#slider-range").slider({
      range: true,
      min: 0,
      max: 500,
      values: [ 75, 300 ],
      slide: function( event, ui ) {
//здесь выводятся значения при передвиж. ползунка
        $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
      }
    });
//значение по дефолту
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
        " - $" + $( "#slider-range" ).slider( "values", 1 ) );

можете покапаться здесь
http://jquery.page2page.ru/index.php5/Ползунок_UI

Comments

[Дмитрий]

Там я уже копался, но я пока далек, потому точно понять это не способен.
А товарищ выше уже подсказал как достать само значение.)
Однако спасибо.)