0

I try to get and display current jQuery slider value into textfield, when slider changed. But what is event in JS to execute script? I have that script:

function add_value_textarea(){
var sliderval = $("#slider").slider("value");
var txtarea = document.getElementById('mytextfield');
return txtarea.value = sliderval;
}

window.onclick = add_value_textarea;

It works when I click at all place in a document but not when click at slider. I know i can display value using slider div but I need it in textfield.

4

3 に答える 3

1

あなたが探しているのはchange、スライダーのイベントです。

$( "#slider" ).slider({
  change: function( event, ui ) {
      $("#some").text(ui.value);
  }
});

htmlあり

<div id="slider"></div>

<input type="text" id="some"/>

デモを見る

于 2013-03-29T13:16:09.903 に答える
0 
$( "#slider" ).slider({
slide: function( event, ui ) {
        $( "#mytextfield" ).val( ui.value );
      }
    });

スライドの違いは、スライダーを動かすと (離さずに) テキストボックスの値が変化することです。change を使用すると、テキスト ボックスの値は、スライダーを放したときに 1 回だけ変更されます。

もう 1 つの違いは、スライダーをクリックしただけでは (実際にスライドさせずに)、slide イベントはトリガーされず、change イベントはトリガーされることです。

したがって、これらの2つの選択肢があります。選んで決める ：）

于 2013-03-29T13:19:33.353 に答える
0

これがあなたが探しているものだと思います。スライダーを作成するとき (または後で、なぜそれを行うのかわかりません) に変更イベントのリスナーを指定します。
また、jQuery を使用するため、このリスナーですべてを変更できます。

function(e, ui) {
    $('#mytextfield').val(ui.value);
}
于 2013-03-29T13:17:34.903 に答える